Создание карты-изображения

Создайте карту-изображение. В качестве рисунка используйте файл

man.gif. В качестве активных зон используйте голову, руки и ноги челове-

ка.

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

<map>...</map> – создает карту-изображение, т.е. рисунок, элемен-

там которого можно назначить гипертекстовые ссылки. Области карты

изображения описываются внутри элемента <map>...</map> с помощью

тега <аrea>. Тег <map> имеет следующие атрибуты:

Name – указывает имя карты-изображения, которое должно соответ-

ствовать значению атрибута usemap¹тега <img> (знак # не ставится).

Приме.:

<img src=«atlant.gif» usemap=«#pict»>

<map name=«pict»>Здесь описание карты

</map>

Тег<area> – задает активную область в карте-изображении. Имеет

следующие атрибуты:

Shape – указывает форму активной области. По умолчанию активной

областью является прямоугольник. Значением атрибута могут быть:

rect – активная область будет иметь вид прямоугольника.

circle – активная область будет обладать формой круга.

poly – активная область будет иметь вид многоугольника.

default – активная область будет определять все точки области.

Cords – задает координаты активной области. Начало координат на-

ходится в левом верхнем углу и соответствует 0,0. Для прямоугольника

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

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

ваются координаты его вершин.

href – для области определяет электронный адрес ссылки, который

может записываться в абсолютной или относительной форме.

nohref – указывает, что для активной области нет ссылок.

target – задает имя фрейма, в котором будет размещен документ, за-

гружаемый по данной ссылке.

alt – определяет альтернативный текст для активной области изобра-

жения.

Пример.

<img src=«Man.gif» usemap=«#pict»>

<map name=«pict»>

<area shape=rect circle=«10,10,100» href=«head.htm»>

<area shape=rect coords=«120,120,300,300» href=«hand.htm»>

</map>

Примените для изображения человека специальные фильтры для это-

1 Атрибут usemap указывает электронный адрес для связи навигационной карты-изображения с

элементом, значение данного атрибута должно начинаться со знака #.

го используется атрибут style тега <img>. В значении атрибута укажите

слово filter: и имя фильтра (flipv, fliph, blur, xray, wave).

Пример.

<img style =«filter:wave» src=«hlpbell.gif» width=150 height=50>