img

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

IE Opera Chrome Firefox Safari
+ + + + +

Пример

Вставляем картинку:

<img src="angry.gif" alt="Angry face" />

Описание и использование

Тег <img> вставляет изображение в документ HTML.

Заметьте, что изображения технически не вставляются в страницу. На самом деле, изображения ссылаются на HTML страницы. Тег <img> создает контейнер для изображения.

У тега <img> два обязательных атрибута: src и alt.

Разница между HTML и XHTML

В HTML тег <img> не имеет закрывающего тега.

В XHTML тег <img> должен быть правильно закрыт.

Атрибуты "align", "border", "hspace", и "vspace" элемента img устарели и не поддерживаются в XHTML 1.0 Strict.

Советы и примечания

Совет: Атрибут alt используется как альтернативный текст в случае отсутствия изображения, а не как текст при наведении мышки. Для показа текста при наведении мышки на изображение используйте атрибут title. Вот так: <img src="angry.gif" alt="Angry face" title="Angry face" />.

Обязательные атрибуты

Атрибут Значение Описание
altтекстОпределяет альтернативный текст для изображения
srcURLОпределяет УРЛ изображения

 

Необязательные атрибуты

Атрибут Значение Описание
alignleft right top middle bottomУстарел. Используйте CSS
borderпикселиУстарел. Используйте CSS
heightпиксели %Определяет высоту изображения
hspaceпикселиУстарел. Используйте CSS
ismapismapОпределяет изображение как карту изображение на стороне сервера. Очень редко используется.
longdescURLОпределяет путь к документу, который содержит длинное описание изображения
usemap#название_картыОпределяет изображение как карту изображение на стороне сервера.
vspaceпикселиУстарел. Используйте CSS
widthпиксели %Определяет ширину изображения

 

Стандартные атрибуты

Атрибут Значение Описание
classимя_классаОпределяет имя класса для элемента
dirrtl ltrОпределяет направление текста для контента в элементе
ididОпределяет уникальный id для элемента
langкод_языкаОпределяет код языка для контента в элементе
styleопределение_стиляОпределяет инлайновый стиль для элемента
titleтекстОпределяет дополнительную информацию об элементе
xml:langкод_языкаОпределяет код языка для контента в элементе, в XHTML документах

 

Событийные атрибуты

Атрибут Значение Описание
onabortскриптСкрипт будет выполнен при проблеме с загрузкой изображения
onclickскриптСкрипт будет выполнен при клике
ondblclickскриптСкрипт будет выполнен при двойном клике
onmousedownскриптСкрипт будет выполнен при нажатии кнопки мышки
onmousemoveскриптСкрипт будет выполнен при движении курсора мышки
onmouseoutскриптСкрипт будет выполнен, когда курсор мышки покинет пределы элемента
onmouseoverскриптСкрипт будет выполнен, когда курсор мышки находится над элементом
onmouseupскриптСкрипт будет выполнен, когда кнопка мышки будет отпушена
onkeydownскриптСкрипт будет выполнен при нажатии клавиши
onkeypressскриптСкрипт будет выполнен при нажатии клавиши и последующего разжатия
onkeyupскриптСкрипт будет выполнен при разжатии клавиши
^ Наверх ^