4. HTML-Kurs - Mit Listen arbeiten (2)

4.2 Aufzählungslisten

Auf der letzten Seite haben wir gelernt, wie man mit dem Tag <ol> geordnete Listen mit fortlaufender Nummerierung erstellen kann. Aufzählungslisten hingegen sind ungeordnete Listen und werden im Listenkopf mit dem Tag <ul> formatiert. Hierbei ist der Vorteil, dass man unterschiedliche Aufzählungszeichen nutzen kann (Viereck, Kreis und Punkt). Um dies zu erreichen wird wieder mit dem Tag type gearbeitet. Die einzelnen Listenpunkte werden wie auch bei der nummerierten Liste mit <li> Inhalt </li> definiert.

Zusammenhängend sieht der Code wie folgt aus:

<html>
<head>
<title>Aufzählungslisten</title>
</head>
<body>

<ul type="circle">
<li>Listenpunkt 1 einer Aufzählungsliste mit vorangestelltem Kreis</li>
<li>Listenpunkt 2 einer Aufzählungsliste mit vorangestelltem Kreis</li>
<li>Listenpunkt 3 einer Aufzählungsliste mit vorangestelltem Kreis</li>
</ul>

<ul type="square">
<li>Listenpunkt 1 einer Aufzählungsliste mit vorangestelltem Quadrat</li>
<li>Listenpunkt 2 einer Aufzählungsliste mit vorangestelltem Quadrat</li>
<li>Listenpunkt 3 einer Aufzählungsliste mit vorangestelltem Quadrat</li>
</ul>

<ul type="disc">
<li>Listenpunkt 1 einer Aufzählungsliste mit vorangestelltem Punkt</li>
<li>Listenpunkt 2 einer Aufzählungsliste mit vorangestelltem Punkt</li>
<li>Listenpunkt 3 einer Aufzählungsliste mit vorangestelltem Punkt</li>
</ul>

</body>
</html>

Und in der Ausgabe sieht es wie in dieser Datei aus: klick!

Übersicht der Codierungen für nummerierte und Aufzählungslisten:

Tag / Attribut

Beschreibung

Definiert eine nummerierte Liste (geordnete Liste)

Definiert den Startwert der Nummerierung

Definiert den Typ der Aufzählung

Definiert eine Aufzählungsliste (ungeordnete Liste)

Definiert die Art des Aufzählungszeichens

Formatiert einen Listeneintrag