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

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

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

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

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

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

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

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