Aus Wikibooks

Inhaltsverzeichnis 1 Ungeordnete Liste 2 Geordnete Liste 3 Definitionsliste

In XHTML gibt es auch die Möglichkeit, Aufzählungen aller Art zu erzeugen. Dazu stehen Ihnen 3 verschiedene Arten von Aufzählungstypen zur Verfügung. Einmal gibt es die sogenannte unordered list, zu deutsch ungeordnete Liste. Damit bezeichnet man eine Aufzählung, bei der die Aufzählungspunkte in keiner Reihenfolge zueinander stehen. Beispielsweise kann man mit diesen Typ eine Zutatenliste erzeugen. Dann gibt es eine ordered list, also eine geordnete Liste. Wie der Name schon sagt bilden die Aufzählungspunkte eine feste Reihenfolge. Um im Bild zu bleiben, könnte man die Kochanleitung für ein Gericht mit einer solchen Liste auszeichnen. Der dritte Typ der Aufzählungen ist eine sogenannte definition list, zu deutsch Definitionsliste. Eine Definitionsliste benutzt man allgemein wenn man eine Zuordnung zwischen einem Wort oder einem Satz und einer Beschreibung hat. Hier speziell könnte man mit einer Definitionsliste Kochbegriffe wie ablöschen oder dünsten erklären.

[Bearbeiten] Ungeordnete Liste

Eine ungeordnete Liste erstellt man mit dem Element <ul> (ul von unordered list). Dieses Element darf nur die Elemente <li> enthalten, wobei li für list item steht. Innerhalb vom <li> kann man aber wieder wie üblich alle weiteren Elemente verwenden. Beispiel:

<ul>
    <li>1<abbr title="Liter">l</abbr> Milch</li>
    <li>300<abbr title="Gramm">g</abbr> Butter</li>
    <li>2 Esslöffel Zucker</li>
</ul>

Dies wird z.B. wie folgt dargestellt:

[Bearbeiten] Geordnete Liste

Geordnete Listen werden in XHTML mit dem Element <ol> (ol von ordered list) ausgezeichnet. Vergleichbar mit einer ungeordneten Liste benutzt dieser Listentyp auch das <li>-Element für seine Aufzählungspunkte. Beispiel:

<ol>
    <li>Milch in einer Schüssel schlagen</li>
    <li>Butter mit der Milch zusammenmischen</li>
    <li>Zucker hinzugeben</li>
</ol>

Diese fiktive Kochanleitung wird z.B. wie folgt dargestellt:

[Bearbeiten] Definitionsliste

Für die Definitionsliste gibt es in XHTML mehrere Elemente, die Elemente der geordneten und ungeordneten Listen können nicht verwendet werden. Eine Definitionsliste wird mit dem Element <dl> (dl von definition list) ausgezeichnet. Dieses Element kann nur die beiden Elemente <dt> (dt von definition term) und <dd> (dd von definition description) enthalten. Mit dem <dt>-Element zeichnet man den Begriff aus, den man mit dem <dd>-Element beschreiben möchte. Beispiel:

<dl>
    <dt>ablöschen</dt>
    <dd>Hier wird ...</dd>
    <dt>dünsten</dt>
    <dd>Hierbei wird ...</dd>
</dl>

Diese wird z.B. wie folgt dargestellt: