HTML6 / 46

Daftar: ul, ol, dan li

Hampir setiap halaman berisi daftar: menu navigasi, fitur produk, langkah tutorial. HTML punya dua jenis. <ul> (unordered list) untuk daftar yang urutannya tidak penting — ditampilkan dengan bullet. <ol> (ordered list) untuk daftar yang urutannya bermakna, seperti langkah resep — ditampilkan bernomor otomatis, jadi kamu tidak perlu mengetik angkanya sendiri. Keduanya hanya boleh berisi <li> sebagai anak langsung. Memakai daftar yang benar juga penting bagi screen reader: ia mengumumkan 'daftar dengan 5 item' sehingga penggunanya tahu seberapa panjang isinya.

👀 Contoh dulu

<ol>
  <li>Panaskan minyak</li>
  <li>Masukkan bumbu</li>
  <li>Aduk hingga matang</li>
</ol>

Hasilnya: Tiga langkah bernomor 1, 2, 3 — nomornya dibuat browser, bukan diketik manual.

💡 Perhatikan: nomor pada <ol> muncul sendiri. Jangan pernah mengetik '1.' di dalam <li> — nanti nomornya dobel.

📝 Sekarang giliranmu

Buat daftar fitur produk yang urutannya tidak penting, berisi tiga item: Gratis, Terbuka, dan Bahasa Indonesia. Pilih jenis daftar yang sesuai.

Preview