homepage-buttons.de
Templates, Buttons und mehr
 
 

HTML-Kurs - Wie kann ich Aufzählungslisten erstellen?

1.4 Erstellen von Listen (Aufzählungen)

 

1.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>Dies ist Listenpunkt eins einer Aufzählungsliste mit vorangestelltem Kreis</li>
<li>Dies ist Listenpunkt zwei einer Aufzählungsliste mit vorangestelltem Kreis</li>
<li>Dies ist Listenpunkt drei einer Aufzählungsliste mit vorangestelltem Kreis</li>
</ul>

<ul type="square">
<li>Dies ist Listenpunkt eins einer Aufzählungsliste mit vorangestelltem Quadrat</li>
<li>Dies ist Listenpunkt zwei einer Aufzählungsliste mit vorangestelltem Quadrat</li>
<li>Dies ist Listenpunkt drei einer Aufzählungsliste mit vorangestelltem Quadrat</li>
</ul>

<ul type="disc">
<li>Dies ist Listenpunkt eins einer Aufzählungsliste mit vorangestelltem Punkt</li>
<li>Dies ist Listenpunkt zwei einer Aufzählungsliste mit vorangestelltem Punkt</li>
<li>Dies ist Listenpunkt drei 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
<ol> </ol>
Definiert eine nummerierte Liste (geordnete Liste)
<ol start=4>
Definiert den Startwert der Nummerierung
<ol type=a | A | i | I>
Definiert den Typ der Aufzählung
<ul> </ul>
Definiert eine Aufzählungsliste (ungeordnete Liste)
<ul type="disc | square | circle">
Definiert die Art des Aufzählungszeichens
<li> </li>
Formatiert einen Listeneintrag

 

« zurück zu nummerierten Listen | weiter zu Definitionslisten »

« zurück zur Übersicht