3. Ordered List
Ordered list digunakan untuk membuat list yang mementingkan urutan. Contohnya, membuat daftar instruksi langkah demi langkah sehingga dibutuhkan urutan yang sesuai. Ordered list bekerja seperti unordered list, namun perbedaanya pada tiap item menampilkan angka bukan sebuah bullet atau simbol. Angka yang ditampilkan, otomatis berurut tiap itemnya, sehingga kita tidak perlu menuliskan secara kasar urutan nomornya. Hal ini tentu mempermudah kita untuk mengorganisir tiap itemnya.
Untuk menetapkan konten sebagai ordered list kita gunakan <ol></ol>
. Sama seperti Unordered list, tiap item dalam list ditetapkan dengan menggunakan tags <li></li>
.
Contoh kode odered list seperti ini :
Kita juga dapat memberikan atribut type
pada tag <ol>
untuk mengganti angka menjadi huruf atau yang lainnya,Beberapa tipe odered list :
Type Attribute | Format | Contoh |
---|---|---|
1 (default) |
Angka | 1, 2, 3, 4, 5 |
A |
Huruf besar | A, B, C, D, E |
a |
Huruf kecil | a, b, c, d, e |
I |
Angka Romawi besar | I, II, III, IV, V |
i |
Angka Romawi kecil | i, ii, iii, iv, v |