Ungeordnete Listen in HTML

Ungeordnete Listen sind ein weiterer wichtiger Bestandteil von HTML und werden verwendet, um eine Liste von Elementen in einer unsortierten Reihenfolge darzustellen. Eine ungeordnete Liste wird mit dem <ul>-Tag definiert und die Elemente der Liste werden mit dem <li>-Tag definiert.

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

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

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

• Erstes Element
• Zweites Element
• Drittes Element

Wenn du eine ungeordnete Liste in HTML erstellst, kannst du auch das type-Attribut im <ul>-Tag verwenden, um das Symbol zu ändern, das vor jedem Listenelement angezeigt wird. Zum Beispiel:

<ul type="square">
  <li>Erstes Element</li>
  <li>Zweites Element</li>
  <li>Drittes Element</li>
</ul>

Dies würde eine ungeordnete Liste mit den Elementen “Erstes Element”, “Zweites Element” und “Drittes Element” erzeugen, wobei jedes Element durch ein Quadrat-Symbol gekennzeichnet ist.

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

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

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

• Erstes Element
• Zweites Element
  • Unterelement 1
  • Unterelement 2
• Drittes Element

Das ist eine kurze Einführung in ungeordnete Listen in HTML. Ungeordnete Listen sind eine großartige Möglichkeit, um Inhalte auf der Webseite in einer klar strukturierten Art und Weise zu präsentieren, besonders wenn die Elemente nicht in einer bestimmten Reihenfolge stehen müssen.