Tutorial HTML Lanjutan: Cara Membuat Description List dalam HTML (tag dl, dt dan dd)

Tutorial HTML Lanjutan: Cara Membuat Description List dalam HTML (tag dl, dt dan dd)


Halo kawan-kawan,
Kali ini kita akan belajar tentang Description List atau jenis list yang ditujukan untuk membuat struktur yang berisi deskripsi atau daftar penjelasan.


Berikut adalah contoh kode program description list dalam HTML:
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Nusantara Coding</title>
</head>
<body>
<h3 id="judul1">Saya sedang belajar HTML di Nusantara Coding</h3>
  
<dl>
<dt>HTML</dt>
<dd>HTML adalah singkatan dari Hypertext Markup Language.</dd>
<dt>CSS</dt>
<dd>CSS adalah singkatan dari Cascading Style Sheet.</dd>
<dt>PHP</dt>
<dd>PHP adalah singkatan dari PHP: Hypertext Preprocessor.</dd>
</dl>
  
</body>
</html>

Hasil Code:


Perhatikan Code diatas, untuk memulai sebuah teks dengan Description List dibuka dengan tag <dl> dan ditutup dengan tag </dl>. Untuk sebuah istila, kita menggunakan tag <dt> dan dilanjutkan tag <dd> sebagai penjelasan istila tersebut.

List jenis ini mungkin tidak sepopuler ordered list atau unordered list, namun jika anda membutuhkan struktur HTML untuk membuat list yang berisi penjelasan istilah-istilah dengan keterangannya, mungkin bisa menggunakan list jenis ini.

Belajar HTML Secara Lengkap Disini:
1. Tutorial HTML Bagian 1
2. Tutorial HTML Bagian 2