Geordnete Listen in HTML

HTML

Inhalt

Was sind geordnete Listen in HTML?

Geordnete Listen sind ein wichtiger Bestandteil von HTML und werden verwendet, um eine Liste von Elementen in einer bestimmten Reihenfolge darzustellen. Eine geordnete Liste wird mit dem <ol>-Tag definiert und die Elemente der Liste werden mit dem <li>-Tag definiert.

Hier ist ein Beispiel für eine einfache geordnete Liste:

<ol>
  <li>Erstes Element</li>
  <li>Zweites Element</li>
  <li>Drittes Element</li>
</ol>

In diesem Beispiel haben wir eine geordnete Liste mit drei Elementen definiert. Das Ergebnis sieht in etwa so aus:

  1. Erstes Element
  2. Zweites Element
  3. Drittes Element

Wenn du eine geordnete Liste in HTML erstellst, kannst du auch das start-Attribut im <ol>-Tag verwenden, um die Nummerierung der Liste zu beginnen. Zum Beispiel:

<ol start="5">
  <li>Fünftes Element</li>
  <li>Sechstes Element</li>
  <li>Siebtes Element</li>
</ol>

Dies würde eine geordnete Liste mit den Elementen “Fünftes Element”, “Sechstes Element” und “Siebtes Element” erzeugen, beginnend mit der Nummer 5.

Es ist auch möglich, verschachtelte geordnete Listen zu erstellen, indem du eine <ol>-Liste in ein <li>-Element einer anderen <ol>-Liste einfügst. Zum Beispiel:

<ol>
  <li>Erstes Element</li>
  <li>Zweites Element
    <ol>
      <li>Unterelement 1</li>
      <li>Unterelement 2</li>
    </ol>
  </li>
  <li>Drittes Element</li>
</ol>

In diesem Beispiel haben wir eine geordnete Liste mit drei Elementen definiert, wobei das zweite Element eine verschachtelte geordnete Liste mit zwei Unterelementen enthält. Das Ergebnis sieht in etwa so aus:

  1. Erstes Element
  2. Zweites Element
    1. Unterelement 1
    2. Unterelement 2
  3. Drittes Element

Das ist eine kurze Einführung in geordnete Listen in HTML. Geordnete Listen sind eine großartige Möglichkeit, um Inhalte auf der Webseite in einer klar strukturierten Art und Weise zu präsentieren.