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

<area> ... </area>

Atributi: accesskey | alt | class | coords | dir | href | id | nohref | onblur | onclick | ondblclick | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | shape | style | tabindex | title | xml:lang
Starši: map

Elementi area razdelijo element map na dva ali več delov, ki so občutljivi na miškine dogodke. S klikom na določen del zemljevida, atribut določa nadaljnje dogajanje. Če je to hiperpovezava (href), se bo v brskalnik naložila ciljna stran.

Area se lahko pojavi v spletnem dokumentu le kot otrok elementa map.

Pomembni atributi značke so:

coords Atribut coords določa koordinate (x,y) za določeno obliko slikovnega zemljevida. Koordinate x in y sta odmik v pikslih od levega zgornjega roba slike (0,0).
href Atribut href je naslov URL povezave. Vsako področje ima lahko svojo povezavo.
nohref Atribut nohref določa, da določeno področje ne more biti povezava.
shape Atribut shape določa geometrijsko opliko področja. Ta je lahko krog (circle ali circ) ali pravokotnik (rectangle or rect). Odsvetovana je uporaba mnogokotnika (polygon or poly).

Primer

<img src="navigacija.gif" alt="Navigacija" usemap="#map1" />

<map name="map1">
 <area href="kjesmo.html"
          alt="Kje smo"
          shape="rect"
          coords="0,0,118,28">
 <area href="iskanje.html"
          alt="iskanje"
          shape="rect"
          coords="184,0,276,28">
 <area href="stiki.html"
          alt="stiki"
          shape="circle"
          coords="184,200,60">
</map>

→ Primer slikovnega zemljevida
→ Primer alternativnega besedila za področje - area alt
→ Primer koordinat slikovne mape - area coords
→ Primer dogodkov nad področjem v slikovni mapi - area onnouseover
→ Primer skripta v slikovnem zemljevidu - area onclick
→ Primer področje brez povezave - area nohref

SERŠ Maribor : Strokovna gimnazija : 2004 : Aleš Brumec