HTML -geordende lyste
Die HTML <ol>-merker definieer 'n geordende lys. 'n Geordende lys kan numeries of alfabeties wees.
Bestelde HTML-lys
'n Geordende lys begin met die <ol>merker. Elke lysitem begin met die <li>merker.
Die lysitems sal by verstek met nommers gemerk word:
Voorbeeld
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Geordende HTML-lys - Die tipe kenmerk
Die typekenmerk van die <ol>merker definieer die tipe lysitemmerker:
| 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 |
Getalle:
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Hoofletters:
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Kleinletters:
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Romeinse hoofletters:
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Kleinletters Romeinse syfers:
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Beheerlys tel
By verstek sal 'n geordende lys vanaf 1 begin tel. As jy van 'n gespesifiseerde nommer wil begin tel, kan jy die startkenmerk gebruik:
Voorbeeld
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Geneste HTML-lyste
Lyste kan geneste word (lys binne lys):
Voorbeeld
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
Let wel: 'n Lysitem ( <li>) kan 'n nuwe lys en ander HTML-elemente bevat, soos beelde en skakels, ens.
Hoofstuk Opsomming
- Gebruik die HTML-
<ol>element om 'n geordende lys te definieer - Gebruik die HTML
type-kenmerk om die nommertipe te definieer - Gebruik die HTML-
<li>element om 'n lysitem te definieer - Lyste kan genesteer word
- Lysitems kan ander HTML-elemente bevat
HTML Lys 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 |
Vir 'n volledige lys van alle beskikbare HTML-merkers, besoek ons HTML-merkerverwysing .