OwnZ! StyLe

MapArea

Resim üzerine birden fazla link vermede kullanılır.

 area shape="circ" coords=" X, Y, r "->seçili alanı daire olarak belirler
area shape="rect" coords="X1,Y1,X2,Y2"->seçili alanı dikdörtgen olarak belirler
area shape="poly" coords="X1,Y1,X2,Y2,X3,Y3,...."->seçili alanı poligon olarak belirler

<html>
<body>
<h2>çiçeklerin ortalarına fareyi getiriniz </h2>
<a href="#"><img src="1.jpg" ismap width=700 height=500 usemap="#picture"></a>
<map id="picture">
<area shape="circ" coords="119,286,60" alt="1. çiçek">
<area shape="rect" coords="304,259,378,329" alt="2. çiçek">
<area shape="poly" coords="488,188,491,225,500,254,530, 229,544,212,561,193,537,179,507,168,493,166" alt="3. çiçek">
</map>
</body>
</html>

MapArea Link Verme

Resim üzerine belirlenen yere link vermek sayfaları yönlendirmek

<html>
<body>
<h2>çiçeklerin ortalarına fareyi getiriniz ve tıklayınız...</h2>
<a href=#><img src="4.jpg" ismap usemap="#a"></a>
<map id="a">
<area shape="circle" coords="227,240,50" alt="1.çiçek tıkla" href="c1.html">
<area shape="circle" coords="427,284,50" alt="2.çiçek tıkla" href="c2.html">
</map>
</body>
</html>