Тег <img>

Общая информация

Тег <img> позволяет разместить графическое изображение (фото, кнопки, иконки и т.д.) в веб-документе. Поддерживаемые форматы для изхображений – jpg, png, gif. Тег включает в себя обязательный атрибут src, который задаёт url-адрес изображения. Адрес может быть как абсолютным, так и относительным.

Изображение может являться как простым элементом страницы или являться ссылкой на другой объект.

Синтаксис

html:

В спецификации html - закрывающий тег отсутствует.

xhtml:

В спецификации xhtml - согласно правилу закрытия одиночных тегов.

Атрибуты

• src (обязательный атрибут) - url-путь к изображению
• align - задает положение картинки и указывает способ обтекания текстом
• alt - альтьрнативный текст к изображению
• title - всплывающая подсказка при наведении на изображение
• border - указывает задавать ли рамку вокруг изображения
• height - указывает высоту изображения
• width - указывает ширину изображения
• hspace - отступ от изображения до обтекающего контента по вертикали
• vspace - отступ от изображения до обтекающего контента по горизонтали
• ismap - указывает браузеру, что изображение является изображением-картой
• longdesc - url-путь до полного описания изображения
• usemap - направляет на атрибут "name" тега <map>, где содержаться координаты изображения-карты

Примеры

Пример 1.

html:

результат: