List HTML

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

Daftar Tidak Terurut (Unordered List)

Daftar tidak terurut dimulai dengan tag <ul>. Setiap item daftar dimulai dengan tag <li>.

Item daftar akan ditandai dengan peluru (lingkaran kecil berwarna hitam) secara default:

Contoh:

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

Hasil:

• Kopi
• Teh
• Susu
• Jus

Daftar Terurut (Ordered List)

Daftar terurut dimulai dengan tag <ol>. Setiap item daftar dimulai dengan tag <li>.

Item daftar akan ditandai dengan angka secara default:

<ol>
  <li>Pisang</li>
  <li>Apel</li>
  <li>Mangga</li>
  <li>Jeruk</li>
</ol>

Hasil:

1. Pisang
2. Apel
3. Mangga
4. Jeruk

Daftar Deskripsi

HTML juga mendukung daftar deskripsi.

Daftar deskripsi adalah daftar istilah, dengan deskripsi untuk masing-masing istilah.

Tag <dl> mendefinisikan daftar deskripsi, tag <dt> mendefinisikan istilah (nama), dan tag <dd> mendeskripsikan masing-masing istilah.

Contoh:

<dl>
  <dt>Kopi</dt>
  <dd>Minuman panas berwarna hitam</dd>
  <dt>Susu</dt>
  <dd>Minuman dingin berwarna putih</dd>
</dl>