Все изображения, которые мы видим на веб-странице, хранятся в отдельных файлах, а в HTML-коде имеются лишь ссылки на них.
Для отображения рисунков предназначен непарный тег <img> (от сокращенного «image» – «изображение»), обязательным атрибутом которого является имя графического файла. Веб-страницы и файлы с изображениями могут хранится в разных папках, тогда в атрибуте src (от сокращенного «source» – «источник») необходимо указать путь.
Высоту и ширину рисунка в пикселях можно задать значениями атрибутов height (высота) и width (ширина), соответственно, а толщину рамки вокруг изображения – значением атрибута border (граница). Значения атрибута align (похожий атрибут мы встречали для шрифта) указывают на выравнивание текста относительно рисунка (top по верхнему краю; middle по середине; bottom по нижнему краю) или на способ обтекания текстом (рисунок слева left или справа right от текста).
С помощью атрибута alt можно задать текст сообщения, которое будет выводиться вместо рисунка, если он не найден или показ отключен в браузере. А еще этот текст показывается в виде подсказки, когда курсор мыши подводится к рисунку.
В качестве фона страницы можно использовать изображение из файла. Фоновый рисунок (обои) задается с помощью атрибута background («фон») в теге <body>. Задать фоновый рисунок и одновременно закрасить его некоторым цветом нельзя.