List (Daftar) HTML

List/Daftar HTML memungkinkan pengembang web untuk mengelompokkan sekumpulan item terkait dalam daftar.

List HTML Tidak Berurutan (Unordered)

List tidak berurutan dimulai dengan tag <ul>. Setiap item dari list dimulai dengan tag <li>.

Item list akan ditandai dengan peluru (lingkaran hitam kecil) secara default.

Contoh

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

List HTML Berurutan (Ordered)

List berurutan dimulai dengan tag <ol>. Setiap item dari list dimulai dengan tag <li>.

Item list akan ditandai dengan angka secara default.

Contoh

<ol>
  <li>Kopi</li>
  <li>Teh</li>
  <li>Susu</li>
</ol>

List Deskripsi HTML

HTML juga mendukung daftar deskripsi.

Daftar deskripsi adalah daftar istilah, dengan deskripsi setiap istilah.

Tag <dl> mendefinisikan daftar deskripsi, tag <dt> mendefinisikan istilah (nama), dan tag <dd> menjelaskan setiap istilah.

Contoh

<dl>
  <dt>Kopi</dt>
  <dd>- Minuman kopi hitam</dd>
  <dt>Susu</dt>
  <dd>- Minuman susu dingin</dd>
</dl>

Tag List HTML

• <ul> Mendefinisikan daftar tidak berurutan
• <ol> Mendefinisikan daftar yang berurutan
• <li> Mendefinisikan item daftar
• <dl> Mendefinisikan daftar deskripsi
• <dt> Mendefinisikan istilah dalam daftar deskripsi
• <dd> Menjelaskan istilah dalam daftar deskripsi

Sumber referensi: w3schools