img

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

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

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

ie IE operaOpera chromeChrome firefoxFirefox safariSafari
+ + + + +

Пример

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

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

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

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

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

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

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

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

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

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

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

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

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

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