img

HTML тег img— это тег, который добавляет на веб страницу изображение. Хотя технически картинка не вставляется на страницу, браузер через данный тег ссылается на HTML страницы, тег img создает своеобразный контейнер для изображения.

У тега img есть атрибут alt=»», который используется для отображения текста на странице, если вдруг картинка не загрузилась. Есть еще атрибут title=»» — текст из которого показывается при наведении мышью на картинку.

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

ie IEoperaOperachromeChromefirefoxFirefoxsafariSafari
+++++

Пример

<img src="the_cat.gif" alt="The cat" />

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

В HTML тег img пишется без закрывающего тега.

В XHTML тег img должен быть правильно закрыт. Также есть такие атрибуты тега изображения как «align», «border», «hspace», «vspace» — которые устарели и больше не поддерживаются в XHTML 1.0 Strict.

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

АтрибутЗначениеОписание
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скриптСкрипт будет выполнен при разжатии клавиши
Просмотров: 22

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *