e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Slikovni zemljevid

Koda:

web editor

<p><img src="slika.gif" alt="mapca" usemap="#mapca" /></p>

<map id="mapca">
<area shape="rect" coords="192,0,248,26" href="index.html" />
<area shape="rect" coords="133,0,191,26" href="a.html" />
<area shape="rect" coords="90,0,134,22" href="img.html" />
<area shape="rect" coords="43,0,89,22" href="src.html" />
</map>
Izgled v
brskalniku:

mapca

1.področje 2.področje 3.področje 4.področje

Postavi se z miško nad sliko!

Razlaga: Slika uporablja zemljevid z uporabo atributom usemap, ki določa povezavo z določenim elementom map, ki ima obvezen atribut id z isto vrednostjo.
Element map ima gnezdene elemente area.
Atribut elementa area shape določa obliko področja, ki je lahko pravokotnik ali krog, coords določa koordinate in href povezavo.

SERŠ Maribor : Strokovna gimnazija : 2004 : David Kumer