En son web geliştirme öğreticiler
 

HTML <ol> Tag


Örnek

2 farklı liste emretti:

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

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Kendin dene "

Tanımı ve Kullanımı

<ol> etiketi sıralı bir listesini tanımlar. Sıralı liste sayısal veya alfabetik olabilir.

Kullan <li> liste öğeleri tanımlamak için etiketini.


Tarayıcı Desteği

Eleman
<ol> Evet Evet Evet Evet Evet

İpuçları ve Notlar

Tip: sırasız liste için kullanmak <ul> etiketini.

Tip: Kullanım CSS listeleri stil.


HTML 4.01 ve HTML5 Arasındaki Farklar

"start" ve "type" nitelikler edildi kaldırılmış HTML 4.01 yılında ancak HTML5'te desteklenmektedir.

"reversed" nitelik HTML5 getirdiği bir yeniliktir.

"compact" niteliği HTML5 desteklenmez.


Nitelikler

= HTML5'teki Yeni.

nitelik değer Açıklama
compact compact HTML5 desteklenmez.
Liste normalden küçük oluşturması gerektiğini belirtir
reversed reversed Liste sırası azalan gerektiğini belirtir (9,8,7...)
start number sıralı bir listenin başlangıç ​​değerini belirtir
type 1
A
a
I
i
işaretleyici tür listesinde kullanmak belirtir

Küresel Nitelikler

<ol> etiketi de destekliyor Küresel HTML Özellikleri .


Olay Nitelikler

<ol> etiketi de destekler Olay HTML Özellikleri .


İlgili Sayfalar

HTML öğretici: HTML Listeleri

HTML DOM referansı: Ol Nesne

CSS Eğitimi: Şekillendirme Listeleri


Varsayılan CSS Ayarları

Çoğu tarayıcı gösterecektir <ol> aşağıdaki varsayılan değerlerle eleman:

Örnek

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