Вы здесь

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

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

HTML пример

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


<img src="http://msiter.ru/smiley.gif" alt="Smiley face" height="42" width="42">

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

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


img { 
    display: inline-block;
}