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

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

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

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

Существуют два варианта карты изображения – серверный, когда информация об отдельных зонах хранится на сервере, и клиентский, когда вся информация о работе карты изображения содержится в самом 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"

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

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

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

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

Дата добавления: 2015-10-02