Тег используется для вставки изображения на страницу.
Технически изображение не вставляется на страницу, на странице всего лишь стоит ссылка на изображение и оставляется место под картинку.
Тег имеет два обязательных атрибута: src и alt.
Браузерная поддержка
Тег поддерживается всеми основными браузерами.
Отличия между HTML и XHTML
В HTML тег не имеет закрывающего тега, а в XHTML он должен быть закрыт.
Атрибуты «align», «border», «hspace» и «vspace» были признаны устаревшими в HTML 4.01 и не поддерживаются в XHTML 1.0 Strict DTD.
Совет
Атрибут alt является альтернативным текстом изображения, а не текстом, всплывающим при наведении мыши. Для вставки всплывающего текста для изображения используйте атрибут title, например,
Обязательные атрибуты
DTD показывает в какой версии DTD использование атрибута разрешено. S=Strict, T=Transitional и F=Frameset.
Атрибут | Значение | Описание | DTD |
---|---|---|---|
alt | текст | Альтернативный текст для изображения | STF |
src | URL | Адрес изображения | STF |
Альтернативные атрибуты
DTD показывает в какой версии DTD использование атрибута разрешено. S=Strict, T=Transitional и F=Frameset.
Атрибут | Значение | Описание | DTD |
---|---|---|---|
align | top bottom middle left
right |
Устарело. Используйте CSS. Выравнивание изображения относительно окружающих элементов |
TF |
border | пиксели |
Устарело. Используйте CSS. Ширина рамки вокруг изображения |
TF |
height | пиксели % |
Высота изображения | STF |
hspace | пиксели |
Устарело. Используйте CSS. Отступ слева и справа до соседних элементов |
TF |
ismap | ismap | Указывает на то, что изображение является серверной картой изображением. Редко используется. Используйте лучше usemap | STF |
longdesc | URL | Указывает на URL, содержащий документ с полным описанием изображения. Слабо поддерживается браузерами | STF |
usemap | #название_карты | Указывает на то, что изображение является клиентской картой-изображением | STF |
vspace | пиксели |
Устарело. Используйте CSS. Отступ сверху и снизу до соседних элементов |
TF |
width | пиксели % |
Ширина изображения | STF |
Стандартные атрибуты
Тег поддерживает следующие стандартные атрибуты:
Атрибут | Значение | Описание | DTD |
---|---|---|---|
class | название класса | Указывает название класса для элемента | STF |
dir | rtl ltr |
Указывает направление вывода текста для элемента | STF |
id | id | Указывает id для элемента | STF |
lang | код_языка | Указывает код языка содержимого элемента | STF |
style | описание_элемента | Указывает строчный стиль элемента | STF |
title | текст | Указывает дополнительную информацию об элементе | STF |
xml:lang | код_языка | Указывает код языка содержимого элемента в XHTML документах | STF |
Дополнительная информация о стандартных атрибутах.
События
Тег поддерживает следующие атрибуты событий:
Атрибут | Значение | Описание | DTD |
---|---|---|---|
onabort | скрипт | Скрипт, который должен быть выполнен, если загрузка изображения была прервана | STF |
onclick | скрипт | Скрипт, который должен быть выполнен при одинарном щелчке мышью | STF |
ondblclick | скрипт | Скрипт, который должен быть выполнен при двойном щелчке мышью | STF |
onmousedown | скрипт | Скрипт, который должен быть выполнен, если пользователь зажал кнопку мыши | STF |
onmousemove | скрипт | Скрипт, который должен быть выполнен при движении курсора мыши | STF |
onmouseout | скрипт | Скрипт, который должен быть выполнен, если пользователь передвинул курсор мыши за пределы элемента | STF |
onmouseover | скрипт | Скрипт, который должен быть выполнен, когда пользователь двигает курсор мыши над элементом | STF |
onmouseup | скрипт | Скрипт, который должен быть выполнен, когда пользователь отпускает кнопку мыши | STF |
onkeydown | скрипт | Скрипт, который должен быть выполнен при нажатии клавиши пользователем | STF |
onkeypress | скрипт | Скрипт, который должен быть выполнен при нажатии и отпускании клавиши пользователем | STF |
onkeyup | скрипт | Скрипт, который должен быть выполнен при отпускании клавиши пользователем | STF |
Дополнительная информация о cобытиях HTML.