Begriffe Grundgerüst Wichtige HTML-Tags CSS Arbeitsaufträge

List (Listen) Tag <ul>, <ol>, <li>

Mit Hilfe der Tags <ul>, <ol> und <li> können Listen erstellt werden. Es wird unterschieden zwischen geordneten und ungeordneten Listen. Was damit gemeint ist, wird in den beiden Beispielen unten gezeigt.

Das erste Beipsiel ist eine ungeordnete Liste und wird mit dem Tag <ul> definiert. Das zweite Beispiel ist eine geordnete Liste und wird mit dem Tag <ol> definiert. Jeder Listen-Eintrag wird mit dem Tag <li> eingefügt.

<ul>
  <li>Erster Eintrag in der ungeordneten Liste</li>
  <li>Zweiter Eintrag in der ungeordneten Liste</li>
  <li>Dritter Eintrag in der ungeordneten Liste</li>
</ul>
<ol>
  <li>Erster Eintrag in der geordneten Liste</li>
  <li>Zweiter Eintrag in der geordneten Liste</li>
  <li>Dritter Eintrag in der geordneten Liste</li>
</ol>