HTML lernen (1): Einführungskurs

HTML-Grundlagen: Listen: HTML-Grundlagen: Nummerierte Listen

∅ 4.5 / 19 Bewertungen

HTML-Grundlagen: Nummerierte Listen

Auf dieser Seite

Eine nummerierte Liste wird mit dem <ol>-Tag (engl. Ordered List, dt. sortierte Liste) eingeleitet. Den einzelnen Elementen einer Liste müssen Sie immer ein <li>-Tag (engl. Listitem, dt. Listeneintrag) voranstellen, die Elemente sollten mit dem </li>-Tag beendet werden. Das ist nicht zwingend erforderlich, gehört aber zum guten HTML-Stil. Die Liste wird mit dem </ol>-Tag abgeschlossen.

Beispiel:

<ol>
<li> Listeneintrag 1</li>
<li> Listeneintrag 2</li>
</ol>

Mit dem Attribut type im <ol>-Tag lässt sich die Art der vorangestellten Nummerierung bestimmen:

<ol type="A"> = nummerierte Liste A, B, C
<ol type="a"> = nummerierte Liste a, b, c
<ol type="I"> = nummerierte Liste I, II, III
<ol type="i"> = nummerierte Liste i, ii, iii
<ol start="(zahl)"> = nummerierte Liste mit Anfangswert

Diese HTML-Attribute sind mittlerweile als 'deprecated' gekennzeichnet und sollen künftig aus dem HTML-Standard entfallen. Es empfiehlt sich daher, Listen mit CSS zu formatieren. Näheres erfahren Sie im Beitrag: CSS-Kurs: Einführung in Cascading Style-Sheets.

Ein Beispiel für den HTML-Code einer nummerierten Liste entnehmen Sie bitte der folgenden Abbildung:

Beispiel: Nummerierte Liste

<html>
<head>
<title>Schlagerparade</title>
</head>

<body bgcolor="#ffffff">
<p>Folgende Singles sind erhältlich</p>
<ol>
<li>Im letzten Sommer (Dance-Mix)</li>
<li>Ein weiter Weg (Dance- und Acapella-Version)</li>
<li>Mein Leben mit Dir (Dance- und Dub-Mix)</li>
</ol>
</body>
</html>