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 nummerierte 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 der 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>

Eine ungeordnete Liste ist eine Reihe von Elementen, die in irgendeiner Weise miteinander in einer logischen Verbindung stehen, aber in keiner besonderen Reihenfolge aufgezählt werden müssen.

Das HTML Element <ul>:

Die ungeordnete Liste wird mit dem HTML Element <ul> eingeleitet. Danach folgen die Listeneinträge. Gibt es keine Listeneinträge mehr, so wird die ungeordnete Liste mit dem HTML Element </ul> abgeschlossen.

Das HTML Element <li>:

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

Liste ohne Aufzählungszeichen:

Um eine HTML Liste ohne Aufzählungszeichen zu erstellen, müssen Sie mit CSS arbeiten. Es ist zwar möglich, das Listenpunkt-Element einfach wegzulassen und Linsteneinträge mit einem Zeilenumbruch <br /> voneinander zu trennen, doch diese Sytax ist “INVALIDE“.

Liste mit Aufzählungszeichen:

Wollen Sie eine HTML Liste mit Aufzählungszeichen, so müssen Sie das einleitende Element <li> und das abschließende Element </li> benutzen. Standardmäßig ist hier als Aufzählungszeichen der Wert "disc" eingestellt.

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

Das Attribut type:

Sie können das Aussehen der Listenpunkte in der HTML Liste verändern, indem Sie das Attribut type="Wert" mit einem entsprechendem Wert im einleitenden Element <ul> angeben. Wie die Zeichen genau ausgegeben werden entscheidet der Browser. Grundsätzlichen werden 3 Typen von Listenpunkten unterschieden.

Das Attribut type="disc"
<ul type="disc">
<li>disc = Scheibe (Standard)</li>
</ul>

Das Attribut type="square"
<ul type="square">
<li>square = Quadrat </li>
</ul>

Das Attribut type="circle"
<ul type="circle">
<li>circle = Kreis </li>
</ul>

Sie können das Attribut type="Wert" auch in Verbindung mit dem Element <li> nutzen. Dadurch können Sie innerhalb einer HTML Liste das Aufzählungszeichen ändern.

Das Attribut "type" im Element li:
<ul>
<li type="disc">HTML</li>
<li type="square">CSS</li>
<li type="circle">Java</li>
</ul>