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 :P 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 :D
  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!