Belajar Element HTML: <ol>

Tag <ol> digunakan untuk menentukan daftar yang berurutan (Ordered List).

Daftar yang berurutan ini biasanya diurutkan dengan angka (1, 2, 3, …), huruf (A, B, C. …), angka Romawi (i, ii, iii, …), dll.

Dalam daftar berurutan, jika daftar urutan item diubah, maka akan mengubah arti daftar (dokumen).

Contohnya pada daftar instruksi, pada masing-masing item daftar mewakili langkah berbeda yang perlu dilakukan sesuai urutan tersebut.

Jika urutannya diubah, maka instruksinya juga akan berubah.

Elemen <ol> selalu digunakan bersamaan dengan elemen <li>. Tag <ol> menyatakan daftar yang diurutkan, dan tag <li> menyatakan item daftarnya.

Syntax

Tag <ol> ditulis seperti <ol></ol> dengan sejumlag tag <li> yang diapit antara tag pembuka dan penutup.

<ol>
  <li>Step one</li>
  <li>Step two</li>
  <li>????</li>
  <li>PROFIT!!!</li>
</ol>

Pengaturan Default CSS

Sebagian besar browser menampilkan elemen <ol> dengan pengaturan CSS:

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