Verwendung von Listen in HTML

HTML-Listen helfen dir, Inhalte in Punkte zu gliedern. Es gibt zwei Haupttypen: ungeordnete und geordnete Listen. Listen sorgen für Struktur und Übersicht.

Ungeordnete Liste (ul)

Das <ul>-Tag erstellt eine ungeordnete Liste, die meist mit Aufzählungspunkten dargestellt wird. Jeder Listeneintrag wird mit einem <li>-Tag gekennzeichnet.

<ul>
  <li>Milk</li>
  <li>Bread</li>
  <li>Cheese</li>
</ul>

Geordnete Liste (ol)

Das <ol>-Tag erstellt eine geordnete Liste, bei der die Elemente nummeriert sind. Verwende sie, wenn die Reihenfolge wichtig ist – etwa bei Schritten oder Anleitungen.

<ol>
  <li>Preheat oven</li>
  <li>Mix ingredients</li>
  <li>Bake for 30 minutes</li>
</ol>

Verschachtelte Listen

HTML erlaubt es, Listen innerhalb anderer Listen zu verschachteln. Das ist nützlich, wenn du Unterkategorien zu Hauptpunkten hinzufügen möchtest.

<ul>
  <li>Fruits
    <ul>
      <li>Apples</li>
      <li>Bananas</li>
    </ul>
  </li>
  <li>Vegetables</li>
</ul>

Wann sollten Listen verwendet werden?

Verwende Listen immer dann, wenn du Elemente aufzählen willst – etwa Aufgaben, Zutaten, Schritte oder Kategorien. Wähle den passenden Typ: geordnet, wenn die Reihenfolge wichtig ist, ungeordnet, wenn nicht.