Daftar Deskripsi HTML

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 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>

<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.

filesop.com

Daftar Deskripsi HTML | Tutorial HTML 34