HTML map etiketi resim haritası örnek

<!DOCTYPE html> <html> <body> <p>Daha yakından görmek için güneşe ya da gezegenlerden birine tıklayabilirsiniz</p> <img src="https://lh3.googleusercontent.com/-Ay-1jGFC7bc/VgLOkrgc30I/AAAAAAAAArI/KOOkdC7DpJM/s128-Ic42/gezegenler.gif" width="145" height="126" alt="Gezenler" usemap="#gezegenharitasi" /> <map name="gezegenharitasi"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="https://lh3.googleusercontent.com/-GPOZsXy5A5M/Vi5rXecpOYI/AAAAAAAAAsY/Eg9lzzlIfmo/h120/gunes.gif"> <area shape="circle" coords="90,58,3" alt="Mercury" href="https://lh3.googleusercontent.com/-az1zJs6vAB4/VgLOknVK2sI/AAAAAAAAArE/9hlbpgGk7pg/s128-Ic42/merkur.gif"> <area shape="circle" coords="124,58,8" alt="Venus" href="https://lh3.googleusercontent.com/-lHofASpOoGM/VgLOlShQaNI/AAAAAAAAArA/T_LtZGCyACU/s128-Ic42/venus.gif"> </map> </body> </html>

Yorumlar

Bu blogdaki popüler yayınlar

HTML progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS justify-content Özelliği

CSS text-justify Özelliği

CSS overflow Özelliği

HTML5 Canvas Oyun Yapımı Dersleri

CSS top Özelliği