Daftar Urutan HTML


Tag HTML <ol>mendefinisikan daftar yang dipesan. Daftar yang diurutkan dapat berupa angka atau abjad.


Daftar HTML yang Dipesan

Daftar yang diurutkan dimulai dengan <ol>tag. Setiap item daftar dimulai dengan <li>tag.

Item daftar akan ditandai dengan angka secara default:

Contoh

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

Daftar HTML yang Dipesan - Atribut Jenis

Atribut typetag <ol>, mendefinisikan jenis penanda item daftar:

Type Description
type="1" The list items will be numbered with numbers (default)
type="A" The list items will be numbered with uppercase letters
type="a" The list items will be numbered with lowercase letters
type="I" The list items will be numbered with uppercase roman numbers
type="i" The list items will be numbered with lowercase roman numbers

Nomor:

<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Huruf besar:

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Huruf kecil:

<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Angka Romawi Huruf Besar:

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Angka Romawi Huruf Kecil:

<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>


Penghitungan Daftar Kontrol

Secara default, daftar yang diurutkan akan mulai menghitung dari 1. Jika Anda ingin mulai menghitung dari nomor yang ditentukan, Anda dapat menggunakan startatribut:

Contoh

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

Daftar HTML Bersarang

Daftar dapat bersarang (daftar di dalam daftar):

Contoh

<ol>
  <li>Coffee</li>
  <li>Tea
    <ol>
      <li>Black tea</li>
      <li>Green tea</li>
    </ol>
  </li>
  <li>Milk</li>
</ol>

Catatan: Item daftar ( <li>) dapat berisi daftar baru, dan elemen HTML lainnya, seperti gambar dan tautan, dll.


Ringkasan Bab

  • Gunakan <ol>elemen HTML untuk menentukan daftar yang dipesan
  • Gunakan atribut HTML typeuntuk menentukan tipe penomoran
  • Gunakan <li>elemen HTML untuk mendefinisikan item daftar
  • Daftar dapat bersarang
  • Item daftar dapat berisi elemen HTML lainnya

Tag Daftar HTML

Tag Description
<ul> Defines an unordered list
<ol> Defines an ordered list
<li> Defines a list item
<dl> Defines a description list
<dt> Defines a term in a description list
<dd> Describes the term in a description list

Untuk daftar lengkap semua tag HTML yang tersedia, kunjungi Referensi Tag HTML kami .