Тег IMG

  Непарный тег IMG предназначен для размещения на Web-странице графического изображения.
  Несмотря на то, что тег IMG непарный, его элемент создает поле на Web-странице, и к нему применимы атрибуты стилей размеров и расположения.
  Применять атрибуты стилей переполнения к тегу IMG бессмысленно, поскольку изображение всегда подгоняется под размер поля его элемента.
  Атрибуты:
  ALT - Устанавливает текст, для замещения изображения.
  Такой текст появится на Web-странице вместо изображения, если в браузере отключена загрузка графики, или во время загрузки графического контента.
  HEIGHT - Устанавливает высоту поля для изображения.
  Значение атрибута может быть перекрыто атрибутом стиля height.
  В любом случае, значение высоты поля для изображения можно менять как угодно, но размер файла с изображением от этого не изменится.
  • Значения:

    • Целое число с обозначенной единицей измерения CSS (px - пикселы, или % - от соответствующей величины поля элемента "родительского" тега.) - значение высоты.
    • auto - Высота подгоняется под контент файла с изображением.

  • Значение по умолчанию - auto.
  • Атрибут не обязательный.
  ISMAP - Устанавливает, что размещается серверная карта-изображение.
   Для отправки карты-изображения на сервер необходимо поместить элемент тега IMG в элемент тега A, и атрибуту HREF тега A присвоить адрес CGI-программы.
  Эта программа по полученным координатам карты-изображения, по месту нажатия мышки, возвратит требуемый HTML-документ.

  В этом случае браузер посылает запрос на сервер для получения адреса выбранной ссылки и ждет ответа с требуемой информацией. Это потребует дополнительного времени на ожидание результата и отдельных файлов для каждой карты-изображения.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут не обязательный.
  SIZES - Устанавливает ширину поля просмотра изображения.

  • Значение:


  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  SRC - Устанавливает адрес файла с изображением.

  • Значение:


  • Значение по умолчанию - Нет.
  • Атрибут обязательный.
  SRCSET - Устанавливает список адресов файлов с изображениями, из которого браузер может загрузить и отобразить изображение по своему выбору.

  • Значение:

    • Заключенный в двойные кавычки список интернет-адресов файлов перечисленных через запятую для выбора браузером.
        Из этого списка браузер может выбрать файл с поддерживаемым форматом.

        В спецификации допускается после адреса указывать, через пробел, так называемые дескриптор ширины и(или) дескриптор плотности для изображения.

        Дескриптор ширины указывается с обозначением w (width descriptors), и значением равным ширине отображения изображения в пикселях (например 400w).
        Значение дескриптора ширины по умолчанию равно возможному максимуму для среды окружения Web-страницы.

        Дескриптор плотности указывается с обозначением x, и значением равным плотности пикселей отображения изображения (например, для повышенного разрешения устройства отображения - 2x).
        Значение дескриптора плотности по умолчанию равно 1.

  • Значение по умолчанию - Нет.
  • Атрибут обязательный если не используется атрибут SRC.
  USEMAP - Устанавливает ссылку на элемент тега MAP, содержащий координаты карты-изображения.
  Используется только при размещении на Web-странице карты изображения.
  • Значение:

    • #Допустимый символьный код, назначенный именем элемента тега.
        Имя элемента тега - это значение атрибута NAME соответствующего элемента тега MAP. В значении атрибута USEMAP оно предваряется символом - # (решетка).
        Несколько элементов тега IMG могут ссылаться на один и тот же элемент тега MAP.

  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  WIDTH - Устанавливает ширину поля для изображения.
  Значение атрибута может быть перекрыто атрибутом стиля width.
  В любом случае, значение ширины поля для изображения можно менять как угодно, но размер файла с изображением от этого не изменится.
  • Значения:

    • Целое число с обозначенной единицей измерения CSS (px - пикселы, или % - от соответствующей величины поля элемента "родительского" тега.) - значение ширины.
    • auto - Ширина подгоняется под контент файла с изображением.

  • Значение по умолчанию - auto.
  • Атрибут не обязательный.
  Тег IMG создает встроенный элемент. Поэтому, во избежание нежелательных коллизий, его рекомендуется размещать внутри блочного элемента. Например, внутри элемента тега BODY.


Пример:
<P>
    <IMG SRC="../content/IMG0018.jpg" STYLE="width: 200px; height: 200px">
</P>
Результат: