Werner-Zenk.de - Zur Startseite

HTML - Element: <map>

Der <map>-Tag definiert eine Verweis-sensitive Grafik. Verweis-sensitive Grafiken sind Grafiken, in denen der Anwender mit dem Mauszeiger auf ein Detail klicken kann. Daraufhin wird ein Verweis ausgeführt.
Mit dem <area>-Tag (area = Areal) definieren Sie eine verweis-sensitive Fläche auf einer Grafik.

<!DOCTYPE html>
<html>
<head>
 <title>Verweis-sensitive Grafik</title>
</head>
<body>

<h1>Verweis-sensitive Grafik</h1>

<p>
Klicke auf den Computer! <br>
<map name="mrrobot">
 <area shape="rect" coords="48,40,85,72" href="seite.htm" title="Hier klicken!">
</map>
<img src="mrrobot.gif" usemap="#mrrobot" width="200" height="130" alt="Mr. Robot">
</p>

</body>
</html>

Beispiel anzeigen

Attribute

name="" - Name für die verweis-sensitive Grafik.
shape="rect" - Damit bestimmen Sie eine viereckige Fläche.
shape="circle" - Damit bestimmen Sie einen Kreis.
shape="poly" - Damit bestimmen Sie ein Polygon.
coords="" - Koordinaten der verweis-sensitiven Fläche.
usemap="" - Verbindung zur Grafik
href="" - Der Verweis zu einer anderen Seite.