HTML-тег <img>

Тег <img> (сокращенно от image) определяет изображение в документе HTML. Изображения не вставляются непосредственно в документ; элемент <img> создает пространство для вставки изображения по ссылке, обозначенной атрибутом src.

Тип:	Inline
Контент:	Нет, это пустой элемент
Открывающий тег:	Обязательный
Закрывающий тег:	Запрещен
Версия:	HTML 2, 3.2, 4, 4.01, 5

В случае если браузер не сможет отобразить изображение, он попробует заменить изображение альтернативным текстом, определенным в атрибуте alt;
Изображение может не отображаться, если браузер не поддерживает его тип или оно не доступно по ссылке указанной в атрибуте src.
Рекомендуется указывать атрибут alt, чтобы html-верстка была валидной.

Синтаксис

Базовый синтаксис тега <img> выглядит следующим образом:

HTML:<img src="URL" alt="text">; XHTML:<img src="URL" alt="text" />

Примеры написания кода тега <img>:

<img src="kites.jpg" alt="Летающие воздушные змеи">
<img src="sky.jpg" alt="Облачное небо">
<img src="ballons.jpg" alt="Воздушные шары">

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <img>:

Атрибут	Значение	Описание
Обязательно — следующие атрибуты должны быть указаны в этом теге, чтобы разметка была валидной.
`alt`	text	Предоставляет альтернативный текст для изображения.
`src`	URL	Определяет URL файла изображения для отображения.
Опционально — следующие атрибуты не являются обязательными.
`align`	`left` `right` `top` `middle` `bottom`	Определяет выравнивание изображения относительно окружающих элементов.
`border`	pixels	Определяет ширину границы вокруг изображения.
`crossorigin`	`anonymous` `use-credentials`	Определяет, как элемент обрабатывает перекрестные запросы.
`height`	length	Определяет высоту изображения.
`hspace`	pixels	Определяет количество пробелов слева и справа от изображения.
`ismap`	`ismap`	Этот логический атрибут определяет, что изображение является частью серверной карты.
`longdesc`	URL	Указывает ссылку на длинное описание изображения.
`usemap`	URL	Определяет карту изображения, связанную с элементом img на стороне клиента.
`vspace`	pixels	Определяет количество пробелов в верхней и нижней части изображения.
`width`	length	Определяет ширину изображения.