tutorial pengembangan web terbaru
 

HTML <ol> Tag


Contoh

2 berbeda memerintahkan daftar:

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

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Cobalah sendiri "

Definisi dan Penggunaan

The <ol> tag mendefinisikan daftar memerintahkan. Daftar memerintahkan dapat numerik atau abjad.

Gunakan <li> tag untuk mendefinisikan daftar item.


Dukungan Browser

Elemen
<ol> iya nih iya nih iya nih iya nih iya nih

Tips dan Catatan

Tip: Untuk daftar unordered, gunakan <ul> tag.

Tip: Gunakan CSS untuk gaya daftar.


Perbedaan Antara HTML 4.01 dan HTML5

"Start" dan "type" atribut yang usang dalam HTML 4.01, namun didukung di HTML5.

The "reversed" atribut baru dalam HTML5.

The "compact" atribut tidak didukung di HTML5.


atribut

= Baru di HTML5.

Atribut Nilai Deskripsi
compact compact Tidak didukung di HTML5.
Menentukan bahwa daftar harus membuat lebih kecil dari normal
reversed reversed Menentukan bahwa urutan daftar harus turun (9,8,7...)
start number Menentukan nilai awal dari daftar memerintahkan
type 1
A
a
I
i
Menentukan jenis penanda untuk digunakan dalam daftar

Atribut global

The <ol> tag juga mendukung Atribut Global di HTML .


Atribut acara

The <ol> tag juga mendukung Acara Atribut di HTML .


Pages terkait

Tutorial HTML: Daftar HTML

Referensi HTML DOM: Ol Object

CSS Tutorial: Daftar Styling


Pengaturan Default CSS

Kebanyakan browser akan menampilkan <ol> elemen dengan nilai default berikut:

Contoh

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