Elementy (tagi, znaczniki) HTML

Tag (znacznik) ol

Definicja elementu (tagu), przeznaczenie i użycie ol

Tag ol określa uporządkowaną listę. Uporządkowana lista może być numeryczna lub alfabetyczna.

Tag li służy do definiowania każdego elementu listy.

Tip: stylizuj listy za pomocą CSS..

Tip: w przypadku listy nieuporządkowanej użyj tagu ul.

Atrybuty elementu (tagu) ol

Atrybuty globalne

Tag ol obsługuje również atrybuty globalne w HTML.

Domyślne ustawienia CSS dla elementu (tagu) ol

Większość przeglądarek wyświetla element body z następującymi wartościami domyślnymi:

ol { display: block; list-style-type: decimal; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; }

Wsparcie przeglądarek dla elementu (tagu) ol

Element ( tag)
ol	Tak	Tak	Tak	Tak	Tak

Przykładowe zastosowania elementu (tagu) ol

1. Dwie różne uporządkowane listy (pierwsza lista zaczyna się od 1, a druga od 40): <ol> <li>Piwo</li> <li>Sok</li> <li>Herbata</li> </ol> <ol start="40"> <li>Piwo</li> <li>Sok</li> <li>Herbata</li> </ol> 2. Dwa różne typy list (z CSS): <ol style="list-style-type:upper-roman"> <li>Piwo</li> <li>Sok</li> <li>Herbata</li> </ol> <ol style="list-style-type:lower-alpha"> <li>Piwo</li> <li>Sok</li> <li>Herbata</li> </ol> 3. Zmniejszenie lub rozszerzenie wysokości linii (odstępu pomiędzy wierszami) na listach (z CSS): <ol style="line-height:80%"> <li>Piwo</li> <li>Sok</li> <li>Herbata</li> </ol> <ol style="line-height:180%"> <li>Piwo</li> <li>Sok</li> <li>Herbata</li> </ol> 4. Zagnieźdźona nieuporządkowana lista wewnątrz uporządkowanej listy: <ol> <li>Piwo</li> <li>Herbata <ul> <li>Czarna herbata</li> <li>Zielona herbata</li> </ul> </li> <li>Sok</li> </ol> 5. Różne typy list dostępne w CSS: <style data-mce-type="text/css"> 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;} </style>