Cascading Stylesheets Stil mit <Stil>

CSS2-Referenz | HTML-4.01-Referenz | Farben, Zeichen und Maße | Workshop | Externe Links | Impressum | Hinweise

# area ♦ <area> ... </area> ♦ IE4+ M1 N4+ O5+ ♦ HTML 3.2, 4.0

Das <area>-Tag wird zusammen mit dem <map>-Tag benutzt, um eine clientseitige Image Map zu erzeugen, die in zwei oder mehr maussensitive Bereiche unterteilt ist. Wenn die Maus einen Bereich der Map anklickt, kann ein Attribut im <area>-Tag direkt eine Aktion einleiten. Zum Beispiel kann in jedem Bereich ein Hyperlink durch ein href-Attribut erzeugt werden. Da der Bereich maussensitiv ist, kann auch ein onmouse-Attribut ein Ereignis erkennen. Das schließende Tag ist erforderlich.

Das <area>-Tag muss im map-Element enthalten sein.

Kernattribute | class dir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title
accesskey | Das Attribut accesskey bestimmt eine Taste auf der Tastatur, die beim Drücken zusammen mit der Alt-, Strg- oder Befehlstaste einen Link aktiviert. Das Attribut wird nur spärlich unterstützt.
alt | Das alt-Attribut verknüpft einen Text mit einem individuellen Bereich der Map. Wenn die Maus über den Bereich fährt, stellt ein kleines Fenster diesen Text dar.
coords | Das Attribut coords legt die (x,y)-Koordinaten für jede Form in der Image Map fest. Die Koordinaten sind der x- und y-Abstand von der oberen linken Ecke (0,0) zum Bild. Die Anzahl der Koordinaten hängt von der Form ab, die im shape-Attribut definiert wird.
href | Das Attribut href ist die URL-Adresse eines Links. Jedes <area>-Tag im Bild kann einen Link enthalten.
nohref | Das Attribut nohref gibt an, dass der im <area>-Tag definierte Bereich kein Link ist.
onblur | Das Attribut onblur initiiert die Ausführung eines JavaScripts, wenn ein Element den Fokus verliert (z.B. wenn die Maus in ein anderes Element geklickt wurde oder die Navigation mit der Tabulatortaste den Mauszeiger in ein anderes Element platziert).
onfocus | Das Attribut onfocus erkennt, dass ein Element aktiviert wurde – in den Fokus kam – (zum Beispiel, wenn die Maus auf das Element geklickt wurde oder eine Navigation mit der Tabulatortaste den Mauszeiger auf das Element gesetzt hat), und initiiert ein JavaScript.
shape | Das Attribut shape definiert die geometrische From der Image Map. Das kann entweder ein Kreis (circle oder circ), ein Polygon (polygon oder poly) oder ein Viereck (rectangle oder rect) sein.
tabindex | Das Attribut tabindex ist eine ganze Zahl, die den Rang innerhalb der Tabulatoraufrufe bei der Navigation mit der Tastatur festlegt. Das Attribut wird nur spärlich unterstützt.
target | Das Attribut target gibt den Namen eines Frames oder eines Fensters an, in dem die Zielseite beim Anklicken des Links erscheinen soll. Die vier reservierten Namen sind _blank, _parent, _self und _top.

#### Beispiel

    <map name="Map">
    <area shape="rect" coords="4,10,91,28"
    	href="../html40/index.html"
    	alt="Zur &Uuml;bersicht"
    	title="Zur &Uuml;bersicht" target="_blank">
    <area shape="rect" coords="104,8,176,28"
    	href="../html40/kernattribute.html"
    	alt="Alle Kernattribute"
    	title="Alle Kernattribute" target="_blank">
    <area shape="rect" coords="194,9,273,28"
    	href="../css2/index.html"
    	alt="Zur CSS2-Referenz"
    	title="Zur CSS2-Referenz" target="_blank">
    <area shape="rect" coords="284,9,350,27"
    	href="../artikel/workshop01.html"
    	alt="Zum CSS2-Workshop"
    	title="Zum CSS2-Workshop" target="_blank">
    </map>

#### Darstellung

↑

HTML-4.01-Kernattribute Die interessantesten Attribute der Neuzeit

Index Tabellarischer Überblick über alle Tags

!DOCTYPE Document Type Definition (DTD)

a anchor (Anker); ein Link

abbr Abkürzung

acronym Gleichwertige Bezeichnung

address Hervorhebung von Adressen

applet Java-Applet

area Clientseitige Image Map

b Fetter Schriftstil

base Basis-URI des Dokuments

basefont Basis-Schriftgröße

bdo Laufrichtung der Schrift

big Großer Schriftstil

blockquote Langes Zitat

body Body des Dokuments

br Erzwungener Zeilenumbruch

button button; Schaltfläche

caption Tabellenüberschrift

center Zentrierte Darstellung von Inhalten

cite Zitat

code Darstellung von Computercode

col Tabellenspalten

colgroup Tabellenspaltengruppe

dd Beschreibungsteil einer Definition

del Gelöschter Text

dfn Definition in einer Definitionsliste

dir Auflistung eines Verzeichnisses

div Generischer Behälter für Inhalte

dl Definitionsliste

dt Definitionselement

em Betonung

fieldset Formulargruppe

font Lokale Änderung der Schrift

form Interaktives Formular

frame Fenster innerhalb des Browserfensters

frameset Unterteilung des Browserfensters

h1, h2, h3, h4, h5, h6 Überschriften

head Header des Dokuments

hr Horizontale Linie

html Wurzelelement des Dokuments

i Kursiver Schriftstil

iframe Inlinefenster

img Eingebettetes Bild

input Steuerfeld eines Formulars

ins Eingefügter Text

isindex Ausgabefeld in einer Zeile

kbd Text, der vom Benutzer einzugeben ist

label Überschrift zu einem Formularfeld

legend Beschreibung einer Formularfeldgruppe

li Listenelement

link Medienunabhängiger Link

map Clientseitige Image Map

menu Menüliste

meta Generische Metainformation

noframes Alternativer Inhalt für Browser ohne Unterstützung von Frames

noscript Alternativer Inhalt für Browser ohne Skriptunterstützung

object Generisches eingebettetes Element

ol Nummerierte Aufzählung

optgroup Optionsgruppe

option Wählbares Element

P paragraph; Absatz

param Parameterwert

pre Vorformatierter Text

q Kurzes Inlinezitat

s Durchgestrichener Schriftstil

sample Programmcode-Beispiel

script Skriptanweisungen

select Optionsselektor

small Kleiner Schriftstil

span Generischer Behälter für Inhalte

strike Durchgestrichener Stil

strong Starke Betonung

style Stilinformationen

sub Tiefgesetzt

sup Hochgesetzt

tableTabelle

tbody Tabellenkörper

td Tabellenzelle

textarea Textfeld mit mehreren Zeilen

tfoot Tabellenfuß

th Tabellenkopfzelle

thead Tabellenkopf

titleTitel des Dokuments

tr Tabellenzeile

tt Nichtproportionaler Schriftstil

u Unterstrichener Schriftstil

ul Ungeordnete Liste

var Instanz einer Variablen

Cascading Styleheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen