HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Auszeichnung von Akronymen auf Websites

Auszeichnung von Akronymen auf Websites

Aufgabenstellung

Es geht darum, Akronyme wie HTML oder ViS so darzustellen, dass der Benutzer mittels Mouseover eine Erklärung des jeweiligen Akronyms erhält.

Umsetzung

Um Akronyme auszuzeichnen benutzt man das HTML-Tag acronym, die Erklärung des Akronyms wird im Attribut title angegeben. Zusätzlich sind entsprechende CSS-Angaben im Attribut style notwendig:

Quelltext

Der Begriff
<acronym title="World Wide Web" style="border-bottom: 1px dotted; cursor: help;">WWW</acronym>
wurde von Tim Berners-Lee geprägt.

Darstellung

Der Begriff WWW wurde von Tim Berners-Lee geprägt.

Dieses Beispiel finden sie in der Datei bsp1/index.html.

Wenn in einer HTML-Datei mehrere Akronyme vorkommen ist es sinnvoll, die CSS-Angaben nur einmal zu machen, um Sie nicht in jedem Tag wiederholen zu müssen. Die CSS-Angaben dazu lauten:

acronym { 
  border-bottom: 1px dotted;
  cursor: help;
}

Dieses Beispiel finden sie in der Datei bsp2/index.html.

Sie können die CSS-Angaben entweder als CSS-Block am Anfang der HTML-Datei einbinden oder eine eigene CSS-Datei erstellen. Details hierzu finden Sie im Abschnitt Einbindung von CSS-Angaben.

« zurück zum Inhaltsverzeichnis