Добавление изображений

`<img>`

Для добавления изображения на страницу воспользуйтесь элементом <img>. Он является пустым (то есть без закрывающего тега).

Для него должны быть указаны следующие два атрибута.

`src`

Данный атрибут сообщает браузеру расположение нужного изображения. Как правило, его значением будет относительный URL- адрес, указывающий на изображение, хранящееся в директориях вашего собственного сайта.

(В данном примере все изображения расположены в подпапке images. Об относительных URL-адресах речь шла в предыдущей главе.)

`alt`

Данный атрибут предоставляет текстовое описание изображения, выводимое на экран в случае, если нет возможности показать само изображение.

Код

<img src="images/quokka.jpg" 
alt="Семейка квокки" 
title="Квокка или короткохвостый кенгуру - единственный представитель рода Setonix семейства кенгуровых. 
Квокка внешне напоминает кенгуру, но имеет короткий, даже относительно размеров тела, хвост."/>

Текст, указываемый в значении атрибута alt, часто называют замещающим текстом.

Он должен представлять собой точное описание изображения, чтобы оно могло быть распознано программным обеспечением экранного доступа (используемым людьми с нарушением зрения) и поисковыми системами.

Если вы используете изображение лишь как декорацию для улучшения оформления сайта (и оно не несет никакой смысловой нагрузки, как, например, графический разделитель — горизонтальная линия), используйте атрибут alt с пустым значением (между кавычек не должно быть никакого текста).

`title`

С элементом <img> вы также можете использовать атрибут title для сообщения дополнительной информации об изображении.

Большинство браузеров отобразят содержимое этого атрибута в качестве всплывающей подсказки при наведении указателя мыши на изображение.