Beispiel
Ein Bild-Karte, mit anklickbaren Bereichen:
<img src ="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Versuch es selber " Definition und Verwendung
Das coords - Attribut gibt die Koordinaten eines Bereichs in einem Bild-Karte.
Die coords - Attribut wird zusammen mit der verwendeten shape Attribut der Größe, Form und Platzierung eines Bereichs angeben.
Tipp: Die Koordinaten der oberen linken Ecke eines Raums sind 0,0.
Browser-Unterstützung
| Attribut | |||||
|---|---|---|---|---|---|
| coords | Yes | Yes | Yes | Yes | Yes |
Unterschiede zwischen HTML 4.01 und HTML5
KEINER.
Syntax
<area coords="value">
Werte Attribut
| Wert | Beschreibung |
|---|---|
| x1,y1,x2,y2 | Gibt die Koordinaten der linken, oberen, rechten, unteren Ecke des Rechtecks (für shape="rect" ) |
| x,y,radius | Gibt die Koordinaten des Kreismittel und den Radius (für shape="circle" ) |
| x1,y1,x2,y2,..,xn,yn | Gibt die Koordinaten der Kanten des Polygons. Wenn die ersten und letzten Koordinatenpaare nicht die gleichen sind, fügt der Browser das letzte Koordinatenpaar das Polygon zu schließen (für shape="poly" ) |