HTML тег img

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

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

Технически изображения не вставляются в HTML страницу, а подключаются к HTML странице.

Чтобы создать ссылку-изображение на другой документ, поместите элемент <img> внутри тега <a>.

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

Атрибуты align, border, hspace и vspace не поддерживаются в HTML5.

Различия между HTML и XHTML

HTML тег <img> - одиночный элемент без закрывающего тега. В XHTML тег <img> должен закрываться должным образом, а именно — <img />.

Атрибуты тега <img>

АтрибутОписание
alignОпределяет горизонтальное выравнивание содержимого элемента img
altОпределяет альтернативный текст, если элемент не удается отобразить
borderОпределяет толщину рамки вокруг элемента
heightОпределяет высоту изображения
hspaceОпределяет величину отступов слева и справа от изображения
ismapОпределяет, что изображение является серверной картой-изображением.
longdescОпределяет гиперссылку на подробное описание изображения
srcОпределяет URL изображения
usemapОпределяет картинку, как клиентскую карту-изображение
vspaceОпределяет величину отступов сверху и снизу от изображения
widthОпределяет ширину изображения

Общие атрибуты

Тег <img> поддерживает общие атрибуты и атрибуты-события.

CSS стили по умолчанию

Большинство браузеров будут отображать тег <img> со следующими стилями


img { 
    display: inline-block;
}

HTML пример использования

Вставляем изображение:


<img src='smiley.gif' alt="Smiley face" height="42" width="42">