Изображения
Изображения (картинки) вставляются в 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.
В данном абзатце для изображения использован следующий код:
<IMG src=
"/img/pic.gif" width="100"
height="50" border="0"
align="left"
vspace="5"
hspace="5">
<IMG src=
"/img/pic.gif" width="100"
height="50" border="0"
align="right"
vspace="5"
hspace="5">
Если значения свойств width и
height не соответствует размеру рисунка, то он будет отображаться
деформированным:
<
IMG src=
"
/img/pic.gif"
width="50"
height="50">
Желательно всегда задавать подпись к рисунку
с помощью свойства alt - это тот текст, который будет показываться
вместо изображения, если по каким-любо причинам файл с изображением загружен не будет. Это
же свойство отвечает за всплывающую подсказку в IE.
Заметим, что других браузерах для всплывающей подсказки используется свойство title.
<
IMG src="
/img/pic.gif"
width="100"
height="50"
align="
left"
alt="
подпись к рисунку">

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