Definitionsliste

Auflistungen von Definitionen treten meistens in Glossaren auf – sprich Begriffe und deren Erklärungen. Bei Definitionslisten werden nun 3 verschiedene HTML-TAGs benötigt.

<dl> englisch für „definition list“ - Definitionsliste

<dt> englisch „definition term“ - Definitionsbegriff

<dd> englisch „definition description“ – Definitionbeschreibung

Der HTML-Befehl, der die komplette Auflistung umschließt, ist der HTML-TAG dl.

Beispielaufbau:

<dl>
  <dt>Definitionsbegriff 1</dt>
  <dd>Definitionbeschreibung 1</dd>

  <dt>Definitionsbegriff 2</dt>
  <dd>Definitionbeschreibung 2</dd>
</dl>

Design der Definitionsliste

Die Definitionsbeschreibung <dd> wird standardmäßig ein wenig eingerückt angezeigt. Dies sieht oft nicht besonders schön aus. Aber zum jetzigen Zeitpunkt ist das nicht wichtig. Das Design der Definitionslisten können wir später über CSS nach Belieben gestalten. Die Weite der Einrückung oder z. B. daß die Definitionsbeschreibung <dd> links neben dem Definitionsbegriff <dt> steht und der Definitionsbegriff z.B. orange und fett hervorgehoben ist wird in CSS definiert. Alles was Design ist wird im modernen Erstellen von Websites von CSS übernommen.

Aufgabe Defintionsliste

Erstellen Sie nun ein kleines Glossar über die Begriffe „Hund“, „Katze“ und „Maus“. Die Erklärungen müssen weder biologisch korrekt noch sonderlich ausführlich sein. Wichtig ist primär, dass der erstellte HTML-Code valide ist.

vorheriges Kapitel: Listen, Aufzählungen
Listen, AufzählungenSeitenanfangAufgabenlösung Definitionslisten
eBook HTML-Seminar.de
del.icio.usMister Wong         Listen, AufzählungenSeitenanfangAufgabenlösung Definitionslisten
© 2000-2010 Axel Pratzner • www.html-seminar.de • Stand 22.06.2010
Wir freuen uns über Weiterempfehlungen und Links zu www.html-seminar.de