DruckversionHTML-Grundlagen: Listen
HTML-Grundlagen: Nummerierte Listen
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>
Dieser Beitrag ist öffentlich.
Zugriff auf alle Inhalte haben Sie als Mitglied
Werden Sie Probemitglied - kostenlos.
Ohne finanzielles Risiko haben Sie Zugriff auf alle Inhalte auf akademie.de, außer Downloads. Die Anmeldung dauert drei Minuten. Sie können während der ersten 14 Tage ohne Angabe von Gründen stornieren. Eine E-Mail genügt.
Weitere Informationen finden Sie auf unserer Infoseite zur Mitgliedschaft und in unseren AGB.
Ich bin bereits Mitglied