Тег // Вебшкола онлайн

weblabla.ru
06 Фев 2020, 09:24

Злое лицо

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

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

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

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

chrome-7582491 firefox-5552502 ie-8006832 opera-7289406 safari-9158594
Тег поддерживается всеми основными браузерами.

Отличия между 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