OwnZStyLe.TR.GG

MapArea

https://img.webme.com/pic/h/html-ogrenelim/head.png
http://i277.photobucket.com/albums/kk42/sanalyol/navigasyon.png
Anasayfa
HTML Giriş
Linkler
Resimler
Tablolar
Frameset
Iframe
Form Örnekleri
CSS Örnekleri
MapArea
Script Örnekleri 1
Script Örnekleri 2
Script Örnekleri 3
Script Örnekleri 4
Script Örnekleri 5
Müzik ekleme
Opacity
Background - Text
Sabitleme
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>

 

Design By RoyaLChiLD www.ownzstyle.tr.gg


Bugün 10 ziyaretçi (15 klik) kişi burdaydı!
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol