» Image-Maps
Mit Image-Maps können verschiedene Bereiche eines Bildes als Link definiert werden. Als Formen für Image-Maps stehen Rechtecke, Kreise und Polygone zur Verfügung.
Folgendes Beispiel fügt ein rechteckiges Image Map in die Grafik „beispiel.gif“ ein und verweist auf die Datei „Beispiellink.htm“:
<body>
<img src="beispiel.gif" width="300" height="300" usemap="#bereiche" border="0">
<map name="bereiche">
<area shape="rect" coords="50,50,100,100" href="Beispiellink.htm">
</map>
</body>
Mit usemap wird festgelegt, welcher Map-Block benutzt werden soll, im Beispiel ist das der Block „bereiche“.
Mit map wird der Block definiert, mit area können Bildbereiche ausgewählt werden, mit shape werden die Grundformen rect, circle oder polygon ausgewählt.
Für die Koordinaten¬angabe mit coords gilt:
rect: linke obere und rechte untere Ecke angeben
circle: Mittelpunkt und Radius angeben
polygon: Koordinaten der Eckpunkte angeben
Aufgabe:
Binden Sie das Bild „brd.gif“ in ein neues HTML-Dokument ein! Legen Sie für vier Bundes¬länder ihrer Wahl einen Link auf eine HTML Seite an, die den Namen des Bundeslandes enthält. Verwenden Sie dazu Polygone, deren Koordinaten Sie vorher mit Paint oder einer anderen Bildbearbeitung festlegen.