Eine Geordnete HTML Liste erstellen

Die Elementtypen <ol> und <li>

ol = ordered list = ungeordnete Liste

li = list item = Listeneintrag

Beschreibung:

Eine geordnete Liste ist eine Reihe von Elementen, die in einer logischen Verbindung zueinander stehen und in einer besonderen Reihenfolge aufgezählt werden sollen.

Das HTML Element <ol>:

Das HTML Element <ol> bildet den Anfang einer geordneten Liste. Danach folgen die Listeneinträge. Mit dem HTML Element </ol> wird das Ende der geordneten Liste gekennzeichnet.

Das HTML Element <li>:

Jeder einzelne Listeneintrag einer geordneten Liste muß zwischen den HTML Elementen <li> und </li> stehen.

Nummerierte Liste:

Die numerierte Liste ist die standardmäßig eingestellte Liste bei geordneten Listen. Wenn Sie eine andere Aufzählung wünschen, so können Sie das Attribut type="Wert" benutzen. Wollen Sie eine andere Startnummer definieren, so können Sie dies mit dem Attribut "start" machen.

HTML Listen:
<ol>
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li>Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

Aufzählungsform wählen

Mit Hilfe des Attributes type="Wert" im Start-Tag <ol> können Sie für die HTML Liste eine andere Aufzählungsform wählen. Statt den standardmäßig eingestellten Zahlen können Sie so z.B. eine römisch nummerierte Liste erstellen.

Alphabetisch nummerierte HTML Liste:

Um eine geordnete Liste alphabetisch zu nummerieren müssen Sie dem Attribut "type" den Wert "A" oder "a" zuweisen

HTML Listen:
<ol type="A">
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li>Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

HTML Listen:
<ol type="a">
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li>Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

Römisch nummerierte HTML Liste:

Um eine geordnete Liste römisch zu nummerieren müssen Sie dem Attribut "type" den Wert "I" oder "i" zuweisen

HTML Listen:
<ol type="I">
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li>Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

HTML Listen:
<ol type="i">
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li>Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

Startwert setzen:

Mit dem Attribut start="Wert" im einleitenden Element <ol> können Sie den Startwert der geordneten Liste beliebig setzen.

Mit dem Attribut value="Wert" im einleitenden Element <li> können Sie wieder den Startwert in der geordneten Liste neu setzen.

Liste 1 beginnend bei 13:
<ol type="1" start="13">
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li value="30">Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

Liste 2 beginnend bei röm. 10:
<ol type="I" start="10">
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li>Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

Weiterführende Informationen:

• HTML-Referenz für das Element <ol> (Element zum definieren einer ungeordneten Liste)
• HTML-Referenz für das Element <li> (Element zum definieren von Listeneinträgen)
• HTML Listen: Übersicht (Übersicht der Elemente für HTML Listen)

Weblinks:

• Lists in HTLM Documents: Ordered list (W3C englische Referenz)
• Listen in HTML-Dokumenten: Geordnete Liste (W3C Übersetzung)
• Elemente zur Textstrukturierung - Listen (SelfHTML deutsch)
• Beschreibung "Liste" (Wikipedia)