Пример 10.1. Вставка изображения в документ

<! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01//EN" " https://www.w3.org/TR/html4/strict.dtd" >

< html>

< head>

< meta http-equiv=" Content-Type" content=" text/html; charset=utf-8" >

< title> Добавление рисунков < /title>

< /head>

< body>

< p> < img src=" https://webimg.ru/themes/cloverfield/images/ref_collage.gif"

alt=" Это абсолютный адрес размещения изображения" > < /p>

< p> < img src=" /example/images/home.png"

alt=" Адрес размещения изображения относительно корня сайта" > < /p>

< p> < img src=" images/home.png"

alt=" Адрес размещения изображения относительно текущего HTML-документа" > < /p>

< /body>

< /html>

Как правило, в качестве формата графического файла выступает GIF и JPEG.

Альтернативный текст

Альтернативный текст позволяет получить текстовую информацию о рисунке при отключенном в браузере показе картинок или во время их загрузки. Такой текст появляется раньше самого изображения и дает представление об его содержании (рис. 10.3). Затем зарезервированное пустое поле заменяется картинкой (рис. 10.4).

Рис. 10.3. Альтернативный текст до загрузки изображения

Рис. 10.4. Веб-страница после загрузки изображения

Вид всплывающей подсказки, а именно, ее цвет, фон, шрифт и др. параметры задаются с помощью настроек операционной системы и не могут быть изменены через HTML-файл.

Для создания альтернативного текста используется атрибут alt тега < img>, как показано в примере 10.2.