Атрибуты тэга графических изображений

Атрибут	Назначение атрибута
ALT=текст	Альтернативный текст, выводимый Браузером в режиме без загрузки изображений или при наведении на рисунок курсора мыши
BORDER= значение	Толщина обрамляющей рамки в пикселях
HEIGHT= значение	Высота изображения в пикселях или в процентах от высоты окна Браузера
WIDTH= значение	Ширина изображения в пикселях или в процентах
HSPACE= значение	Свободное пространство слева и справа от изображения в пикселях
VSPASE= значение	Свободное пространство сверху и снизу от изображения в пикселях
ALIGN=значение	Значения LEFT либо RIGHT, соответствующим образом размещают изображение по горизонтали, при этом текст будет обтекать его Выравнивание текста относительно рисунка по вертикали задается атрибутами TOP, MIDDLE, BOTTOM. При применении этих значений вставленное изображение разрывает текстовый поток.

Карты изображений

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

Существуют два варианта кары изображения – серверный, когда информация об отдельных зонах хранится на сервере, и клиентский - когда вся информация о работе карты изображения содержится в самом HTML-документе. Далее рассматривается клиентский вариант карты изображения.

Для того чтобы изображение стало картой в тэг IMG нужно добавить параметр USEMAP="#имя_карты". В дальнейшем имя_карты будет использоваться в тегах, определяющих активные зоны.

Запись тэга карты будет выглядеть следующим образом: <IMG SRC="URL_рисунка" USEMAP="#name_map">

Необязательные параметры тэга IMG (ALT="альтернативный текст", WIDTH="..." и HEIGHT="...") имеют стандартное назначение.

Описание активных зон (AREA) выполняются внутри блочного тэга MAP:

<MAP NAME="name_map">

<!--- 1-ая зона--><AREA SHAPE="тип_зоны" COORDS="Xi,Yi,..." HREF="#name_area1" ALT="всплывающий текст">

<!--- 2-я зона и т.д..--><AREA SHAPE= ...>

</MAP>

Тип зоны определяет параметр SHAPE. Он может принимать значения: RECT (прямоугольник), CIRCLE (круг) или POLY (многоугольник).

Для прямоугольника задаются координаты верхнего левого (x1,y1) и нижнего правого углов (x2,y2) прямоугольника: SHAPE="RECT" COORDS="X1,Y1,X2,Y2" или (X1,Y1) (X2,Y2)

Для круга задаются три числа – координаты центра круга и радиус.

Для многоугольника – координаты его вершин (Xi,Yi).

Ширина и высота рисунка, а также координаты точек указываются в пикселях.

В приведенном фрагменте гиперссылка HREF="#name_area1" указывает на закладку (якорь), находящуюся в текущем документе. Для выполнения перехода на другой документ необходимо указать имя (относительный или полный адрес - URL) этого документа.

Приложение 7.1