öffentlich
Redaktion Druckversion

HTML lernen (1): Einführungskurs

4.545455
(11)
Beitrag bewerten
Kommentar schreiben
Stand: 1. September 2007

HTML-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>

Mitglied werden, Vorteile nutzen!

  • Sie können alles lesen und herunterladen: Beiträge, PDF-Dateien und Zusatzdateien (Checklisten, Vorlagen, Musterbriefe, Excel-Rechner u.v.a.m.)
  • Unsere Autoren beantworten Ihre Fragen

Downloads zu diesem Beitrag

Über die Autorin:

bild117238

Kerstin Dankwerth arbeitet seit 1996 als Grafikerin und Web-Entwicklerin im Netz. Zu ihren Stammkunden gehören u.a. akademie.de, 104I9 OldieStar Radio, FDP Berlin,

Newsletter abonnieren