HTML <ol>Tag


Beispiele

2 verschiedene Beispiele für geordnete Listen:

<ol> <li>Kaffee</li> <li>Tee</li> <li>Milch</li> </ol> <ol start="50"> <li>Kaffee</li> <li>Tee</li> <li>Milch</li> </ol>

Selbst ausprobieren »

Browser-Unterstützung

Element
<ol> Ja Ja Ja Ja Ja

Definition und Verwendung

Das <ol>-Tag definiert eine geordnete Liste. Die Liste wird mit Zahlen angezeigt.

Verwenden Sie<li>das <li>-Tag, um Listenelemente zu definieren.

Tipps und Hinweise

Hinweis:Sie können CSS verwenden, um es darzustellen. Einzelheiten finden Sie unterCSS-Listen。

Hinweis:Für ungeordnete Listen verwenden Sie das<ul><ul>-Tag.

Unterschiede zwischen HTML 4.01 und HTML5

Das Attribut "reversed" ist neu in HTML5.

In HTML 4.01 ist das Attribut "compact" veraltet und wird in HTML5 nicht unterstützt.

Attribute

Neu: Neu in HTML5.

Attribute Wert Beschreibung
compact compact In HTML5 nicht unterstützt. Veraltet.Verwenden Sie stattdessen Stile. Gibt an, dass die Liste kompakter als normal erscheint.
reversedNeu reversed Gibt an, dass die Liste in absteigender Reihenfolge ist (9,8,7...)
start number Ein Attribut mit ganzzahligem Wert, das den Startwert der Listennummerierung angibt.Dieses Attribut wurde in HTML4 als veraltet eingestuft, aber in HTML5 wieder eingeführt.
type
  • aGibt die Nummerierung mit englischen Kleinbuchstaben an.
  • AGibt die Nummerierung mit englischen Großbuchstaben an.
  • iGibt die Nummerierung mit römischen Kleinbuchstaben an
  • IGibt die Nummerierung mit römischen Großbuchstaben an
  • 1Gibt numerische Nummerierung an (Standard)
 Gibt den Typ der Liste an. Veraltet. Verwenden Sie stattdessen Stile.

Weitere Beispiele

Beispiel

Legen Sie verschiedene Listenstile fest (mit CSS):

<ol style="list-style-type:upper-roman"> <li>Kaffee</li> <li>Tee</li> <li>Milch</li> </ol> <ol style="list-style-type:lower-alpha"> <li>Kaffee</li> <li>Tee</li> <li>Milch</li> </ol>

Selbst ausprobieren »

Beispiel

Verwenden Sie CSS, um verschiedene Listenstile anzuzeigen:

ol.a {list-style-type: armenian;} ol.b {list-style-type: cjk-ideographic;} ol.c {list-style-type: decimal;} ol.d {list-style-type: decimal-leading-zero;} ol.e {list-style-type: georgian;} ol.f {list-style-type: hebrew;} ol.g {list-style-type: hiragana;} ol.h {list-style-type: hiragana-iroha;} ol.i {list-style-type: katakana;} ol.j {list-style-type: katakana-iroha;} ol.k {list-style-type: lower-alpha;} ol.l {list-style-type: lower-greek;} ol.m {list-style-type: lower-latin;} ol.n {list-style-type: lower-roman;} ol.o {list-style-type: upper-alpha;} ol.p {list-style-type: upper-latin;} ol.q {list-style-type: upper-roman;} ol.r {list-style-type: none;} ol.s {list-style-type: inherit;}

Selbst ausprobieren »

Beispiel

Verschachtelte Listen:

<ol> <li>Kaffee</li> <li>Tee <ul> <li>Schwarzer Tee</li> <li>Grüner Tee</li> </ul> </li> <li>Milch</li> </ol>

Selbst ausprobieren »

Globale Attribute

Das <ol>-Tag unterstützt globale Attribute. Vollständige Attributtabelle anzeigenGlobale HTML-Attribute。

Ereignisattribute

Das <ol>-Tag unterstützt alleHTML-Ereignisattribute。

Ähnliche Artikel

HTML-Tutorial:HTML-Listen

Andere Erweiterungen