Kommen wir jetzt zu einen wichtigen Teil einer anständigen Homepageprogrammierung, den Listenelementen. Generell solltet ihr euch zweier Dinge bewusst machen, es gibt geordnete Listen und ungeordnete Listen. Die Unterschiede zwischen beiden Listenarten werde ich euch hier einmal deutlich machen.

Ungeordnete Listen:
Ungeordnete Listen führen vor dem jeweiligen Listentext ein einheitliches Aufzählungszeichen.
Ungeordnete Listen werden mit dem Element <ul> eingeleitet und mit einem Element </ul> abgeschlossen. In den Zeilen zwischen diesen beiden Elementen fügt ihr li-Elemente ein, welche natürlich von einem schließendem li-Element wieder geschlossen werden. Hier ein kleines Beispiel:

1
2
3
4

<ul>
<li><a href="index.htm" title="Startseite von CSS-Roots">Startseite</a></li>
<li><a href="about.htm" title="N&auml;here Informationen &uuml;ber CSS-Roots">Startseite</a></li>
</ul>

Das Ergebnis sieht dann so aus:

Geordnete Listen:
Bei geordneten Listen läft der Hase etwas anders, hier wird das ganze von einem ol-Element eingeleitet und wieder geschlossen, das ist jedoch das einzige was sich in der Programmierung ändert. Das Ergebnis ist aber deutlich anders, hier erscheint eine Aufzählung mit Zahlen statt einem festen Aufzählungszeichen. So sieht der dazugehörige Quellcode aus:

1
2
3
4

<ol>
<li><a href="index.htm" title="Startseite von CSS-Roots">Startseite</a></li>
<li><a href="about.htm" title="N&auml;here Informationen &uuml;ber CSS-Roots">Startseite</a></li>
</ol>

Ergebnis:

Diese beiden Aufzählungen eignen sich sehr gut für eine Menüführung oder bei Aufzählungen innerhalb eines Textes.