HTML-тег img выводит изображение. Это может быть фотография, график или любой другой значимый графический контент. Его не стоит использовать исключительно для оформления стиля сайта. Для этого более уместен CSS (background-image).
Тег img не содержит содержимого и, следовательно, не предполагает закрывающего тега.
Обязательные атрибуты
src
Атрибут: src.
Описание: расположение файла изображения, который будет использоваться.
Возможные значения: URL-адрес.
Необязательные атрибуты
alt
Атрибут: alt.
Описание: альтернативный текст, который заменит изображение, если изображение недоступно. Это должно быть включено, если это возможно. В случаях, когда это не так, img должно быть единственным содержимым элемента в дополнение к подписи к изображению.
Возможные значения: текст.
width
Атрибут: width.
Описание: ширина изображения в пикселях. Её также можно прописать или переопределить с помощью CSS.
Возможные значения: число.
height
Атрибут: height.
Описание: высота изображения в пикселях. Её также можно прописать или переопределить с помощью CSS.
Возможные значения: число.
ismap
Атрибут: ismap.
Описание: указывает, что элемент используется в качестве карты изображений на стороне сервера.
Возможные значения: нет.
usemap
Атрибут: usemap.
Описание: Название карты изображения.
Возможные значения: имя хэша (например, #flyer), соответствующее имени map элемента (например, <map name=»flyer»>…).
crossorigin
Атрибут: crossorigin.
Описание: используется в сочетании с JavaScript для определения того, как обрабатываются запросы на совместное использование ресурсов из разных источников.
Возможные значения:
anonymous
use-credentials
Пример
<img src="http://www.htmldog.com/badge1.gif" alt="HTML Dog" width="120" height="90"> <strong>Страницы в тему:</strong> <ul id="so"><li>HTML-тег: figure</li> <li>HTML-тег: figcaption</li> <li>HTML-тег: map</li> </ul>
Все HTML-теги
a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del dfn div dl dt em embed fieldset figcaption figure footer form h1 — h6 head header hr html i iframe img input ins kbd keygen label legend li link main map mark meta meter nav noscript object ol optgroup option output p param pre progress q rb rp rt rtc ruby s samp script section select small source span strong style sub sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr
Уроки:
- Изображения (Урок HTML для начинающих)
