Hărţi de imagini

Hărţi de imagini

Hărţile de imagini permit declararea unor zone din imagine ca legături spre alte pagini web şi implică două aspecte.

Imaginea este declarată ca fiind harta. Pentru aceasta eticheta <img> a imaginii are următoarele atribute:
- src - fişierul sau adresa fişierului imagine
- usemap - are valoarea de genul #nume care este folosit în interiorul etichetei <map> prezentate mai jos

Definirea hărţii folosind perechea de etichete <map> şi </map> cu atributul obligatoriu name, deținând aceeaşi valoare ca la usemap din img.
Zona sau zonele conţinute de harta sunt introduse prin eticheta <area> cu atributele obligatorii:
- shape - fiind forma ariei declarate cu valorile:
rect = dreptunghiulara,
circle = circulara,
poly = poligonala,
default = alte forme (diferite de cele anterioare)
- coords - coordonatele zonei
- href - adresa paginii destinaţie a legăturii

Cod:

<html>
<head>
<title>Exemplu</title>
</head>
<body>
<b>Harti de imagini</b><p>
<img src="harta.gif" usemap="#harta" width="280" height="160" border="0">
<map name="harta">
<area shape="rect" coords="20,20,70,70" href="pag1.html">
<area shape="rect" coords="20,90,120,140" href="pag2.html">
<area shape="circle" coords="200,80,30" href="pag3.html">
<area shape="circle" coords="200,80,60" href="pag1.html">
<area shape="poly" coords="90,70,120,70,120,20" href="pag3.html">
</map>
</body>
</html>