List / Daftar HTML
Membuat Daftar di HTML
HTML menyediakan elemen khusus untuk menampilkan sekumpulan item dalam bentuk daftar (list). Terdapat 3 jenis list utama dalam HTML.
1. Unordered List (<ul>)
Unordered List adalah daftar yang tidak berurutan (menggunakan simbul peluru / bullet points).
Setiap elemen di dalam list dibungkus menggunakan tag <li> (List Item).
<h3>Hobi Saya:</h3>
<ul>
<li>Membaca Buku</li>
<li>Koding</li>
<li>Bermain Musik</li>
</ul>
2. Ordered List (<ol>)
Ordered List adalah daftar yang berurutan (menggunakan angka, huruf, atau angka romawi).
<h3>Cara Membuat Kopi:</h3>
<ol>
<li>Masukkan 1 sendok kopi ke dalam cangkir.</li>
<li>Tuangkan air panas secukupnya.</li>
<li>Aduk hingga merata dan sajikan.</li>
</ol>
Atribut Tambahan pada <ol>:
-
type: Menentukan jenis penomoran (1,a,A,i,I). -
start: Menentukan angka awal penomoran. -
reversed: Mengurutkan daftar secara terbalik (descending).
Contoh:
<ol type="A" start="3">
<li>Poin C</li>
<li>Poin D</li>
</ol>
3. Nested List (Daftar Bersarang)
Kamu bisa memasukkan daftar di dalam daftar lain (nested list).
<ul>
<li>Buah-buahan
<ul>
<li>Apel</li>
<li>Mangga</li>
</ul>
</li>
<li>Sayuran
<ul>
<li>Bayam</li>
<li>Wortel</li>
</ul>
</li>
</ul>
4. Description List (<dl>)
Description List digunakan untuk membuat daftar istilah beserta penjelasannya (seperti kamus atau glosarium).
-
<dl>: Description List (pembungkus) -
<dt>: Description Term (istilah) -
<dd>: Description Data (penjelasan/definisi)
<dl>
<dt>HTML</dt>
<dd>Bahasa markup untuk membuat struktur halaman web.</dd>
<dt>CSS</dt>
<dd>Bahasa gaya untuk mengatur tampilan visual halaman web.</dd>
</dl>
