Тег <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 Определяет ширину изображения.

Глобальные атрибуты

Как и все другие HTML-теги, тег <img> поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

Тег <img> так же поддерживает атрибуты событий в HTML5.

Поддержка браузеров

Тег <img> поддерживается во всех основных браузерах.

Читайте также

Похожие посты

HTML-тег <header>

Определяет заголовок документа или раздела

HTML-тег <base>

Определяет базовый URL для всех связанных объектов на странице

HTML-тег <legend>

Определяет заголовок для элемента <fieldset>

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.