Beispiel
2 verschiedene geordnete Listen:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol> Versuch es selber " Definition und Verwendung
Die <ol> -Tag definiert eine geordnete Liste. Eine geordnete Liste kann numerisch oder alphabetisch sein.
Verwenden Sie die <li> Tag List - Elemente zu definieren.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <ol> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Tipp: Für ungeordnete Liste, verwenden Sie das <ul> -Tag.
Tipp: Verwenden Sie CSS - Listen , um Stil.
Unterschiede zwischen HTML 4.01 und HTML5
Die "Start" und "Typ" Attribute wurden als veraltet in HTML 4.01, sind aber in HTML5 unterstützt.
Die "reversed" Attribut ist neu in HTML5.
Die "compact" Attribut wird nicht in HTML5 unterstützt.
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| compact | compact | Nicht in HTML5 unterstützt. Gibt an, dass die Liste kleiner als normal machen sollte |
| reversed | reversed | Gibt an, dass die Reihenfolge der Liste werden absteigend sollte (9,8,7...) |
| start | number | Gibt den Startwert einer geordneten Liste |
| type | 1 A a I i | Gibt die Art der Markierung in der Liste zu verwenden |
globale Attribute
Die <ol> -Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <ol> Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - Tutorial: HTML - Listen
HTML - DOM - Referenz: Ol Object
CSS Tutorial: Styling - Listen
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <ol> mit den folgenden Standardwerte Element:
Beispiel
ol {
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
} Versuch es selber "