html Komputer Pemrograman Web
Beranda / Pemrograman / Web / Daftar Deskripsi HTML | Tutorial HTML 34

Daftar Deskripsi HTML | Tutorial HTML 34

Assalamualaikum sobat, selain daftar terurut dan daftar tidak terurut, kita juga
bisa membuat daftar jenis lainnya di HTML yaitu daftar deskripsi, berikut adalah
tutorial mengenai daftar deskripsi HTML.

Daftar Deskripsi HTML

Daftar deskripsi adalah daftar istilah yang mana setiap istilahnya memiliki
deskripsi.
Tag <dl> digunakan untuk membuat daftar deskripsi, tag <dt>
digunakan untuk mendefinisikan istilah-istilah (nama), dan tag <dd>
digunakan untuk membuat penjelasan tiap istilah.

Contoh Program 1 : Daftar Deskripsi HTML

<!DOCTYPE html>
<html>
<body>
  <h2>Daftar Deskripsi</h2>
  
  <dl>
    <dt>Martabak</dt>
    <dd>– Martabak Telor</dd>
    <dd>– Martabak Manis</dd>
    <dt>Ayam</dt>
    <dd>– Pepes Ayam</dd>
    <dd>– Ayam Goreng</dd>
  </dl>
</body>
</html>

Hasil Program 1

Penjelasan Program 2

  • Di baris 4 kita membuat sebuah judul.
  • Di baris 6 sampai baris 13 kita membuat daftar deskripsi yang memiliki 2
    istilah yang tiap-tiap istilahnya memiliki 2 buah deskripsi.

Rangkuman Artikel

  • Elemen <dl> digunakan untuk membuat daftar deskripsi.
  • Elemen <dt> digunakan untuk membuat istilah deskripsi.
  • Elemen <dd> digunakan untuk membuat penjelasan istilah pada daftar
    deskripsi.

Tag Daftar HTML

Tag Deskripsi
<ul> Mendefinisikan daftar tidak berurutan
<ol> Mendefinisikan daftar berurutan
<li> Mendefinisikan item daftar
<dl> Mendefinisikan daftar deskripsi
<dt> Mendefinisikan istilah dari daftar deskripsi
<dd> Mendefinisikan penjelasan istilah dari daftar deskripsi
Itulah tutorial mengenai cara membuat daftar deskripsi dengan menggunakan
HTML, sekian untuk postingan kali ini sampai jumpa di artikel selanjutnya,
terima kasih.

Komentar

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *