Изображения

Изображения (картинки) вставляются в HTML документ тегом <IMG>. Свойства этого тэга приведены в следующей таблице:

Свойство	Описание
src	Обязательное свойство, указывающее путь и имя для графического файла. Например, src="/img/picture.jpg" загружает графический файл picture.jpg, расположенный в папке /img/.
align	Выравнивание изображения относительно текста в документе. Допустимые значения: left - по левому краю. right - по правому краю. top - по верхнему краю. bottom - по нижнему краю (по умолчанию). middle - по центру.
border	Ширина рамки вокруг рисунка. По умолчанию равна нулю.
width	Ширина рисунка.
height	Высота рисунка.
hspace	Горизонтальный отступ для рисунка в пикселях.
vspace	Вертикальный отступ для рисунка в пикселях.
alt	Текст, показываемый вместо рисунка, если, по каким либо причинам, изображение не показывается (не может загрузиться или же в обозревателе отключена графика). Этот текст показывается также при наведении курсора мыши на изображение. Этот параметр необязателен, но желательно его указывать.

Для того, чтобы получить обтекаемый рисунок необходимо задавать свойства align равным left или right. Для того, чтобы ускорить загрузку страницы, всегда нужно указывать значения свойств width и height. Для улучшенного восприятия текста и изображения можно сделать отступ вокруг картинки с помощью свойств vspace и hspace. В данном абзатце для изображения использован следующий код:

Если значения свойств width и height не соответствует размеру рисунка, то он будет отображаться деформированным:

Желательно всегда задавать подпись к рисунку с помощью свойства alt - это тот текст, который будет показываться вместо изображения, если по каким-любо причинам файл с изображением загружен не будет. Это же свойство отвечает за всплывающую подсказку в IE. Заметим, что других браузерах для всплывающей подсказки используется свойство title.

При наведении курсора мыши, показывается подсказка.

Обсудить на форуме