HTML -geordnete Listen
Das HTML <ol>-Tag definiert eine geordnete Liste. Eine geordnete Liste kann numerisch oder alphabetisch sein.
Geordnete HTML-Liste
Eine geordnete Liste beginnt mit dem <ol>Tag. Jedes Listenelement beginnt mit dem <li>Tag.
Die Listenelemente werden standardmäßig mit Nummern gekennzeichnet:
Beispiel
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Geordnete HTML-Liste - Das Typattribut
Das typeAttribut des <ol>Tags definiert den Typ der Listenelementmarkierung:
| Type | Description |
|---|---|
| type="1" | The list items will be numbered with numbers (default) |
| type="A" | The list items will be numbered with uppercase letters |
| type="a" | The list items will be numbered with lowercase letters |
| type="I" | The list items will be numbered with uppercase roman numbers |
| type="i" | The list items will be numbered with lowercase roman numbers |
Zahlen:
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Großbuchstaben:
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Kleinbuchstaben:
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Römische Zahlen in Großbuchstaben:
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Römische Zahlen in Kleinbuchstaben:
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Kontrolllistenzählung
Standardmäßig beginnt eine geordnete Liste mit dem Zählen bei 1. Wenn Sie mit dem Zählen ab einer bestimmten Zahl beginnen möchten, können Sie das startAttribut verwenden:
Beispiel
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Verschachtelte HTML-Listen
Listen können verschachtelt werden (Liste in Liste):
Beispiel
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
Hinweis: Ein Listenelement ( <li>) kann eine neue Liste und andere HTML-Elemente wie Bilder und Links usw. enthalten.
Kapitelzusammenfassung
- Verwenden Sie das HTML
<ol>-Element, um eine geordnete Liste zu definieren - Verwenden Sie das HTML
type-Attribut, um den Nummerierungstyp zu definieren - Verwenden Sie das HTML-
<li>Element, um ein Listenelement zu definieren - Listen können verschachtelt werden
- Listenelemente können andere HTML-Elemente enthalten
HTML-Listen-Tags
| Tag | Description |
|---|---|
| <ul> | Defines an unordered list |
| <ol> | Defines an ordered list |
| <li> | Defines a list item |
| <dl> | Defines a description list |
| <dt> | Defines a term in a description list |
| <dd> | Describes the term in a description list |
Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz .