Справка HTML


Теги HTML




HTML тег <img>


Пример

<img src="angry.gif" alt="Злое лицо" />

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

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

Технически изображение не вставляется на страницу, на странице всего лишь стоит ссылка на изображение и оставляется место под картинку.

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


Браузерная поддержка

Chrome Firefox Internet Explorer Opera Safari
Тег <img> поддерживается всеми основными браузерами.


Отличия между HTML и XHTML

В HTML тег <img> не имеет закрывающего тега, а в XHTML он должен быть закрыт.

Атрибуты «align», «border», «hspace» и «vspace» были признаны устаревшими в HTML 4.01 и не поддерживаются в XHTML 1.0 Strict DTD.


Совет

Атрибут alt является альтернативным текстом изображения, а не текстом, всплывающим при наведении мыши. Для вставки всплывающего текста для изображения используйте атрибут title, например, <img src="angry.gif" 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

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

Тег <img> поддерживает следующие стандартные атрибуты:

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

Дополнительная информация о стандартных атрибутах.


События

Тег <img> поддерживает следующие атрибуты событий:

Атрибут Значение Описание 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.

СТАТИСТИКА




ССЫЛКИ


Подпишись на новости сайта