Akhir-akhir ini aku sering membaca artikel ataupun blog yang menggunakan daftar (list). Baik daftar kegiatan, cara melakukan sesuatu, daftar situs, dan lain-lain. Dari tiga artikel itu cuma yang terakhir yang menggunakan tag list, dan itu juga kurang tepat Hare gene gag bisa HTML! Ini sih bukan basbang lagi tapi sudah basbang akut sehingga belum ada kata-kata dalam bahasa Indonesia yang dapat mereprentasikan kebasbangannya. Untuk itu mari kita mengenal sedikit tentang tag <ul>, <ol>, dan <li>.

Untuk menampilkan daftar yang menggunakan angka (seperti pada Belajar Membuat Hoax Sendiri bagian Bagaimana memeriksa apakah suatu berita itu Hoax atau bukan?) kita pakai tag <ol> yang merupakan kependekan dari Ordered List. Caranya adalah:

1. Buka tag ol dengan menuliskan <ol> pada awal daftar item
2. Apit item-item yang ada dengan tag <li> dan </li>
3. Setelah selesai, tutup tag <ol> dengan menuliskan </ol> di bawah semua item di atas
4. Contohnya adalah sebagai berikut:
   
<ol>
   <li>Item 1</li>
</ol>

Untuk menampilkan suatu daftar dengan menggunakan bullet maka kita bisa memakai tag <ul> yang merupakan kependekan dari Unordered List. Caranya hampir sama dengan cara di atas, hanya tag <ol> diganti dengan <ul>

Tag-tag ini bisa dikombinasikan. Contoh yang paling nyata adalah fungsi-fungsi wordpress dalam menampilkan navigasi. Contoh:

• Arsip

  • Januari 2006
  • Februari 2006
  • dst…

• Kategori

  • Umum
  • Pribadi
    1. Mobil Pribadi
    2. Rumah Pribadi
    3. Pacar Pribadi
  • dst…

Source nya bisa dilihat dengan View Source ya, atau pencet Ctrl + U di Firefox :p Selain tag <ol> dan <ul> sebenarnya juga ada tag <dl>, <dt>, dan <dd> untuk membuat daftar dengan deskripsi. Mungkin ini kita bahas di lain waktu saja. Untuk hari ini sepertinya cukup.

Selamat mendaftar!