Najnowsze tutoriale tworzenie stron internetowych
 

HTML <ol> Tag


Przykład

2 różne uporządkowane listy:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Spróbuj sam "

Definicja i Wykorzystanie

<ol> tag określa uporządkowaną listę. Uporządkowana lista może być numeryczne lub alfabetyczne.

Użyj <li> tag w celu określenia elementów listy.


Pomoc Browser

Element
<ol> tak tak tak tak tak

Porady i wskazówki

Wskazówka: W przypadku nieuporządkowanej liście, użyj <ul> tag.

Wskazówka: Użyj CSS projektować list.


Różnice między HTML 4.01 i HTML5

"Start" i "typ" atrybuty były przestarzałe w HTML 4.01, ale są obsługiwane w HTML5.

"reversed" atrybut jest nowego w HTML5.

"compact" atrybut nie jest obsługiwana w HTML5.


Atrybuty

= Nowe w HTML5.

Atrybut Wartość Opis
compact compact Nie jest obsługiwany w HTML5.
Określa, że ​​lista powinna uczynić mniejsze niż normalnie
reversed reversed Określa, że kolejność lista powinna być malejące (9,8,7...)
start number Określa wartość początkową uporządkowanej listy
type 1
A
a
I
i
Określa rodzaj marker do stosowania w wykazie

Atrybuty globalne

<ol> tag obsługuje również globalne Atrybuty w HTML .


Atrybuty Event

<ol> tag obsługuje również Event Atrybuty w HTML .


Podobne strony

Poradnik HTML: list HTML

Odniesienia HTML DOM: Ol obiektu

CSS: Listy do stylizacji


Domyślne ustawienia CSS

Większość przeglądarek wyświetli <ol> element z następujących wartości domyślnych:

Przykład

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