Sie sind hier: Startseite -> HTML-Grundlagen -> Aufzählungslisten -> Ungeordnete Liste (UL)

HTML-Grundlagen: Ungeordnete Liste (ul)

UL-Tag: ungeordnete Liste

Die ungeordnete Liste ist eine Aufzählungsliste, mit der in einer HTML-Seite Fakten in Listenform präsentiert werden können. Das können die Zutaten für ein Kochrezept ebenso sein wie die technischen Voraussetzungen für die Hardware, wenn man sich ein neues Computerspiel kaufen möchte.

Ungeordnet ist die Liste deshalb, weil sie zum Unterschied der geordneten Liste, die es auch gibt und die nummeriert ist, keine Nummerierung gibt.

Im ersten Beispiel wird eine sogenannte ungeordnete Liste erzeugt, daher auch der ul-Befehl (steht für unordered list - ungeordnete Liste). Ihm folgen die li-Befehle, die für jeweils einen Unterpunkt stehen. Diese Unterpunkte könnte man noch weiter unterteilen, sodass die Liste mehrere Ebenen erhält.

Die Liste könnte mit CSS besser formatiert werden, beispielweise die Abstände nach oben, zum linken Rand oder zwischen den einzelnen Aufzählungspunkten lässt sich anpassen.

Zusätzlich ist es möglich, die Liste zu verschachteln. Im zweiten Beispiel sieht man eine solche Liste (ungeordnet ist etwas unglücklich, denn sie ist sehr strukturiert), bei der der erste Unterpunkt nicht abgeschlossen (/li) wurde, sondern eine zweite Liste integriert wurde. Das Ergebnis sieht so aus:


  • Programmieren

    • PHP

    • CSS


  • Gestalten

Im Gegensatz zur nummerierten Liste, die mit dem OL-Tag herstellbar ist, hat man keine Probleme mit der Nummerierung. Achten sollte man trotzdem darauf, es mit der Verschachtelung nicht zu übertreiben, weil die Übersicht sowohl im Skript als auch bei der Ansicht auf der Webseite schnell verloren gehen kann. Hilfreich ist dabei aber das automatisch veränderte Symbol für die untere Ebene, wobei man hier wieder mit CSS Formatierungsänderungen vornehmen könnte.

Ebenfalls interessant:

[aktuelle Seite]

Ungeordnete Liste (UL)

Informationen über die ungeordnete Liste in HTML, die durch den UL-Tag auf Webseiten dargestellt werden kann.

Geordnete Liste (OL)

Informationen über die nummerierte Liste in HTML, die durch den OL-Tag auf Webseiten dargestellt werden kann.

Listeneintrag (LI)

Informationen über den LI-Tag, mit dem in einer Aufzählungsliste die einzelnen Unterpunkte definiert werden.

Zurück zum Hauptthema

Übersicht Aufzählungslisten

Startseite HTML-Grundlagen