Es gibt zwei Listentypen in HTML. Man kann Elemente entweder unsortiert oder sortiert auflisten. Sortierte Listen werden typischerweise durch Nummern (beginnend mit 1.) dargestellt. Unsortierte Listen werden meist mit Aufzählungspunkte (eng. bullet points) visualisiert. Man kann mehrere Listen verschachteln und beide Listen auch kombinieren.

Beispiel

Links ist der Code zu sehen, rechts das passende Rendering.

<ul>
    <li>Apfel</li>
    <li>Birne</li>
    <li>Kiwi</li>
</ul>

Das ul-Element kann dazu verwendet werden, um Elemente aufzulisten, bei denen die Reihenfolge keine Rolle spielt. Man spricht von einer ungeordneten oder unsortierten Liste (eng. unordered list). Für das Menü einer Website benutzt man gerne eine ungeordnete Liste und passt das Aussehen dann mit CSS an. Ein Listenelement (eng. list element) wird mit dem li-Element definiert. Es wird innerhalb des ul-Elements notiert.

<ul>
    <li>Luke Skywalker</li>
    <li>R2-D2</li>
    <li>C-3PO</li>
</ul>

Das ol-Element kann dazu verwendet werden, um Elemente aufzulisten, bei denen die Reihenfolge relevant ist. Man spricht von einer geordneten oder sortierten Liste (eng. ordered list). Ein Listenelement (eng. list element) wird mit dem li-Element definiert. Es wird innerhalb des ol-Elements notiert.

<ol>
    <li>Zürich</li>
    <li>Genf</li>
    <li>Basel</li>
</ol>