img

Обновлено: 17.06.2022

<img>

Элемент <img> (от англ. image — изображение) предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG, SVG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив <img> в контейнер <a>.

Рисунки также могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылок. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.

Синтаксис

<img src="<адрес>" alt="<текст>">

Закрывающий тег

Не требуется.

Атрибуты

  • Атрибут align

    Атрибут align
    Устарел

    Определяет, как рисунок будет выравниваться по краю и способ обтекания текстом.

  • Атрибут alt

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

    Альтернативный текст для изображения.

  • Атрибут border

    Атрибут border
    Устарел

    Толщина рамки вокруг изображения.

  • Атрибут height

    Атрибут height

    Высота изображения.

  • Атрибут hspace

    Атрибут hspace
    Устарел

    Горизонтальный отступ от изображения до окружающего контента.

  • Атрибут ismap

    Атрибут ismap

    Говорит браузеру, что картинка является серверной картой-изображением.

  • Атрибут longdesc

    Атрибут longdesc
    Устарел

    Указывает адрес документа, где содержится аннотация к картинке.

  • Атрибут sizes

    Атрибут sizes
    HTML5

    Задаёт размеры изображения для разных макетов страницы.

  • Атрибут src

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

    Путь к графическому файлу.

  • Атрибут srcset

    Атрибут srcset
    HTML5

    Путь к графическим файлам с учётом размера изображения и устройств.

  • Атрибут usemap

    Атрибут usemap

    Ссылка на элемент <map>, содержащий координаты для клиентской карты-изображения.

  • Атрибут vspace

    Атрибут vspace
    Устарел

    Вертикальный отступ от изображения до окружающего контента.

  • Атрибут width

    Атрибут width

    Ширина изображения.

Для этого элемента доступны универсальные атрибуты и события.

Пример

Браузеры

img

Посмотреть совместимость на Can I use?

img