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

TaLLeR43

Администраторы
Сообщения
113
Реакции
0
Баллы
48

Задача​

Вставить изображение на веб-страницу.

Решение​

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

В XHTML
<img src="путь к файлу" alt="альтернативный текст" />
Если графический файл находится в одной папке с HTML-документом, то в качестве пути достаточно указать только имя файла (пример 1).

Пример 1. Добавление картинки на веб-страницу
HTML:
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Мои рисунки</title>
 </head>
 <body>
  <p><img src="images/dzen.png" alt="Письма мастера дзен"></p>
 </body>
</html>

Учтите, что когда используется XHTML или строгий HTML4, то тег <img> допустимо размещать только внутри блочных элементов вроде <p> или <div>.
 
Яндекс.Метрика
Сверху