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