HTML Изображения

Изображения могут улучшить дизайн и внешний вид веб-страницы. Существует 2 способа вставки изображений на веб-страницу:

• Предоставляя полный путь или адрес (URL) для доступа к интернет-файлу.

  Синтаксис:

  <img src="https://frontendbook.ru/images/img.png">

• Указав путь к файлу относительно местоположения текущего файла веб-страницы.

  Синтаксис:

  <img src="../../images/img.png">

Синтаксис использования картинок

Тег HTML <img> используется для встраивания изображения в веб-страницу. Технически изображения не вставляются на веб-страницу; изображения связаны с веб-страницами. Тег <img> создает место для хранения ссылочного изображения. Тег <img> пустой, содержит только атрибуты и не имеет закрывающего тега. Тег <img> имеет два обязательных атрибута:

• src - указывает путь к изображению
• alt — указывает альтернативный текст для изображения

Синтаксис использования атрибутов:

<img src="URL" атрибут="значение_атрибута">

Распространенные форматы изображений

Вот наиболее распространенные типы файлов изображений, которые поддерживаются во всех браузерах (Chrome, Edge, Firefox, Safari, Opera):

Примеры использования изображения на сайте

Теперь рассмотрим примеры использования элемента img со своими атрибутами