Membuat Daftar/List Menggunakan Ordered List dan Unordered List

Sebuah daftar dapat memiliki penomoran atau hanya sebuah simbol berupa lingkaran atau bentuk lainnya. Dalam HTML, daftar yang menggunakan penomoran disebut dengan ordered list dan yang menggunakan simbol disebut dengan unordered list.

Ordered List

Ordered list atau Daftar berurutan dapat dibuat dengan menggunakan tag <ol> (singkatan dari ordered list) dan untuk setiap listnya kita gunakan tag <li> (singkatan dari list item/item daftar). Sebagai contoh, perhatikan kode HTML berikut :

<h2>Yang harus dilakukan hari ini</h2>
<ol>
<li>Ke UBL ngampus</li>
<li>Makan Siang</li>
<li>Mengerjakan tugas kuliah</li>
</ol>

Sisipkan pada file HTML anda dan jalankan file HTML di browser, penomoran daftar akan dilakukan secara otomatis ketika anda menambahkan daftar item. Dan hasilnya..

Note: "Gunakan Ordered list, ketika sebuah list/daftar memerlukan urutan yang benar, seperti cara menyalakan motor dan lain sebagainya".

Unordered List

Berbeda dengan daftar berurut, unordered list akan menandai setiap item dengan simbol. Baik berupa lingkaran atau persegi (anda masih bisa merubahnya dengan CSS). Untuk membuat daftar tidak berurut kita gunakan tag <ul> dan seperti tag <ol>, item yang terdapat di dalamnya harus diapit dengan tag <li>.

Jika kita modifikasi contoh sebelumnya dengan merubah <ol> menjadi <ul> maka yang akan kita dapat adalah seperti berikut :

<h2>Yang harus dilakukan hari ini</h2>
<ul>
<li>Ke UBL ngampus</li>
<li>Makan Siang</li>
<li>Mengerjakan tugas kuliah</li>
</ul>

Maka hasilnya akan seperti ini:

Secara default, item akan ditandai dengan lingkaran.

Nah, bagaimana?, dengan menggunakan Ordered List atau Unordered List kita bisa merapihkan dan mengurutkan langkah-langkah dalam tulisan yang kita buat di website.

Terima Kasih.