Morpheusweb.it - Risorse per webmaster: script, ASP.NET, C#, Visual Basic .Net, tutorial, asp, javascript, css, php, html, java, ADO, VBScript, forms, frames, Active Server Pages, Dynamic HTML, database, gratis per webmaster e webdesigner

tag <area>

tag <area>


Il tag <area> definisce una regione in una mappa di immagini

Esempio

<img src="menu.png" width="300" height="400" usemap="#myMenu" />
<map id ="myMenu" name="myMenu">
<area shape="rect" coords="0,0,300,100" href="1.htm" alt="1" />
<area shape="rect" coords="0,100,300,200" href="2.htm" alt="2" />
<area shape="rect" coords="0,200,300,300" href="3.htm" alt="3" />
<area shape="rect" coords="0,300,300,400" href="4.htm" alt="4" />
</map>

Attributi

Attributo Descrizione
class la classe CSS
id identifica l’elemento
lang la lingua
style lo stile css da applicare
title il titolo
alt il testo alternativo (obbligatorio)
coords Le coordinate dell'area cliccabile

Cambiano in base alla scelta della forma (shape)

shape="rect" ->coords="Xaltosinistra, Yaltosinistra, Xbassodestra, Ybassodestra"
shape="circ" ->coords="Xcentro,Ycentro,raggio"
shape="poly" ->coords="X1,Y1, X2, Y2,...,Xn,Yn"
href l'url target dell'area
nohref se impostato a false, esclude l'area dalla mappa
shape La forma dell'areapuò assumere uno dei seguenti valori

rect (rectangle)
circ (circle)
poly (polygon)
target Dove verrà aperto il link

Può assumere uno di questi valori:
_blank
_parent
_self
_top
nomeframe

(Valido solo per XHTML Frameset)

Eventi
  • onfocus
  • onblur
  • onclick
  • ondblclick
  • onmousedown
  • onmouseup
  • onmouseover
  • onmousemove
  • onmouseout
  • onkeypress
  • onkeydown
  • onkeyup


Stampa la pagina


 

Inizio pagina

risorse per webmaster