HTML Lists

HTML menyediakan tiga jenis daftar utama:

• Unordered List (<ul>) – daftar tanpa urutan khusus, biasanya menggunakan bullet.
• Ordered List (<ol>) – daftar berurutan, biasanya bernomor.
• Description List (<dl>) – daftar berisi pasangan istilah dan penjelasan.

Unordered List (<ul>)

Digunakan untuk daftar tanpa urutan tertentu.

<ul>
  <li>Kopi</li>
  <li>Teh</li>
  <li>Susu</li>
</ul>

Ordered List (<ol>)

Digunakan saat daftar memiliki urutan penting, seperti instruksi atau ranking.

<ol>
  <li>Bangun tidur</li>
  <li>Sarapan</li>
  <li>Bekerja</li>
</ol>

Ordered List dengan Type

Kamu bisa mengatur gaya penomoran menggunakan atribut type.

Contoh Type "A":

<ol type="A">
  <li>Alpha</li>
  <li>Beta</li>
  <li>Gamma</li>
</ol>

Type lainnya:

• "1" – Default (angka)
• "A" – Huruf besar
• "a" – Huruf kecil
• "I" – Angka Romawi besar
• "i" – Angka Romawi kecil

Description List (<dl>)

Digunakan untuk daftar definisi atau penjelasan istilah.

<dl>
  <dt>HTML</dt>
  <dd>Bahasa markup untuk membuat halaman web.</dd>
  <dt>CSS</dt>
  <dd>Digunakan untuk mendesain tampilan halaman HTML.</dd>
</dl>

Nested Lists (Daftar Bersarang)

Kamu dapat membuat daftar di dalam daftar lainnya.

<ul>
  <li>Kopi</li>
  <li>
    Teh
    <ul>
      <li>Teh Hijau</li>
      <li>Teh Hitam</li>
    </ul>
  </li>
  <li>Susu</li>
</ul>

Dengan daftar HTML, kamu dapat menampilkan data dalam struktur yang jelas dan mudah dibaca.