HTML map tag

Meghatározás

A <map> tag definiál egy kép-térképet. Az <area /> tag egy területet definiál kép-térképen. Az <area /> tag mindig a <map> tagen belül van. Az <img /> tag usemap attribútuma és a <map> tag name attribútuma határozza meg a kép és a kép-térkép kapcsolatát.

Szintaktika

<center>
    <img src ="/images/5/52/Planets.png" alt="Bolygók" usemap="#bolygok" style="border:none;"/>
</center>
<map name="bolygok">
    <area shape="rect" coords="0,0,40,266" href="http://hu.wikipedia.org/wiki/Nap" target="_blank" title="Nap" />
    <area shape="circle" coords="95,142,2" href="http://hu.wikipedia.org/wiki/Merk%C3%BAr" target="_blank" title="Merkúr" />
    <area shape="circle" coords="124,142,4" href="http://hu.wikipedia.org/wiki/V%C3%A9nusz" target="_blank" title="Vénusz" />
    <area shape="circle" coords="161,142,4" href="http://hu.wikipedia.org/wiki/F%C3%B6ld" target="_blank" title="Föld" />
    <area shape="circle" coords="194,142,3" href="http://hu.wikipedia.org/wiki/Mars" target="_blank" title="Mars" />
    <area shape="circle" coords="221,142,2" href="http://hu.wikipedia.org/wiki/Ceres_%28t%C3%B6rpebolyg%C3%B3%29" target="_blank" title="Ceres" />
    <area shape="circle" coords="283,142,40" href="http://hu.wikipedia.org/wiki/Jupiter" target="_blank" title="Jupiter" />
    <area shape="circle" coords="382,142,34" href="http://hu.wikipedia.org/wiki/Szaturnusz" target="_blank" title="Szaturnusz" />
    <area shape="circle" coords="448,142,14" href="http://hu.wikipedia.org/wiki/Ur%C3%A1nusz" target="_blank" title="Uránusz" />
    <area shape="circle" coords="496,142,14" href="http://hu.wikipedia.org/wiki/Neptunusz" target="_blank" title="Neptunusz" />
    <area shape="circle" coords="535,142,2" href="http://hu.wikipedia.org/wiki/Pl%C3%BAt%C3%B3" target="_blank" title="Plútó" />
    <area shape="circle" coords="574,142,2" href="http://hu.wikipedia.org/wiki/2003_UB313" target="_blank" title="Erisz" />
</map>

Megjelenés a böngészőben

Szükséges attribútumok

Attribútum	Érték	Leírás
name	kép-térkép név	A <map> tag által meghatározott kép-térkép neve.