Для добавления изображения в документ применяется тег <img>, его атрибут src определяет путь к графическому файлу, который должен быть в формате GIF, PNG или JPEG. Также для тега <img> необходимо указать обязательный атрибут alt, он описывает альтернативный текст, видимый при загрузке изображения или отключении картинок в браузере.
Code
В HTML
<img src="путь к файлу" alt="альтернативный текст">
В XHTML
<img src="путь к файлу" alt="альтернативный текст" />
Если графический файл находится в одной папке с HTML-документом, то в качестве пути достаточно указать только имя файла (пример 1).
Пример 1. Добавление картинки на веб-страницу
Code
XHTML 1.0IE 7IE 8IE 9Cr 11Op 11Sa 5Fx 4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Дзен</title>
</head>
<body>
<p><img src="images/dzen.png" alt="Дзен" /></p>
</body>
</html>
Учтите, что когда на странице применяется строгий <!DOCTYPE>, тег <img> допустимо размещать только внутри блочных элементов вроде <p> или <div>.