HTML uspořádané seznamy
HTML <ol>
tag definuje seřazený seznam. Seřazený seznam může být číselný nebo abecední.
Objednaný seznam HTML
Seřazený seznam začíná <ol>
značkou. Každá položka seznamu začíná <li>
značkou.
Položky seznamu budou standardně označeny čísly:
Příklad
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Uspořádaný seznam HTML - Atribut typu
Atribut type
značky <ol>
definuje typ značky položky seznamu:
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 |
čísla:
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Velká písmena:
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Malá písmena:
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Velká římská čísla:
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Malá římská čísla:
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Počítání kontrolního seznamu
Ve výchozím nastavení se uspořádaný seznam začne počítat od 1. Pokud chcete začít počítat od zadaného čísla, můžete použít start
atribut:
Příklad
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Vnořené seznamy HTML
Seznamy lze vnořovat (seznam uvnitř seznamu):
Příklad
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
Poznámka: Položka seznamu ( <li>
) může obsahovat nový seznam a další prvky HTML, jako jsou obrázky a odkazy atd.
Shrnutí kapitoly
- Element HTML použijte
<ol>
k definování uspořádaného seznamu - Použít HTML
type
atribut definovat typ číslování - Element HTML použijte
<li>
k definování položky seznamu - Seznamy lze vnořovat
- Položky seznamu mohou obsahovat další prvky HTML
Značky seznamu HTML
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 |
Úplný seznam všech dostupných značek HTML naleznete v naší Referenční příručce značek HTML .