Как добавить картинку на веб-страницу?

Для добавления изображения на веб-страницу применяется элемент <img>, его атрибут src определяет путь к графическому файлу, который обычно хранится в формате PNG или JPEG. Также для <img> необходимо указать обязательный атрибут alt, он устанавливает альтернативный текст, который описывает содержание картинки.

В примере 1 на веб-страницу добавляется графический файл dzen.png, расположенный в папке image.

Пример 1. Добавление изображения через <img>

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Изображения</title>
 </head>
 <body>
  <p><img src="image/dzen.png" alt="Письма мастера дзен"></p>
 </body>
</html>

Результат данного примера показан на рис. 1.

Изображение на веб-странице

Рис. 1. Изображение на веб-странице

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 18.09.2018
Редакторы: Влад Мержевич