Selain mempunyai jenis ordered list dan unordered list, HTML masih mempunyai jenis list lainnya, yakni Description List. Di panduan HTML lanjutan kali ini kita akan mempelajari Cara Membuat Description List dalam HTML menggunakan tag dl, dt dan dd.
Pengertian Description List pada HTML
Description List ialah jenis list yang diperuntukkan bagi membangun struktur yang berisi keterangan atau daftar penjelasan.
List jenis ini mungkin tak sepopuler ordered list atau unordered list, namun seandainya kamu membutuhkan struktur HTML bagi membangun list yang berisi penjelasan istilah-istilah dengan keterangannya, mungkin dapat menggunakan list jenis ini.
Cara Membangun Description List pada HTML
Bagi membangun Description List, seluruh list mesti berada di pada pasangan tag <dl> dan </dl>. Bagi setiap keterangan atau judul istilah, kita menggunakan tag <dt>. Sedangkan bagi penjelasan istilah tersebut, kita menggunakan tag <dd>.
Berikut ialah contoh kode program description list pada HTML:
|
1 |
<!DOCTYPE html><br/><html><br/><head><br/><title>Belajar HTML di Source Code Program</title><br/></head><br/><body><br/><h3>Saya sedang belajar HTML di Source Code Program.com</h3><br/> <br/><dl><br/><dt>HTML</dt><br/><dd>HTML ialah singkatan dari Hypertext Markup Language.</dd><br/><dt>CSS</dt><br/><dd>CSS ialah singkatan dari Cascading Style Sheet.</dd><br/><dt>PHP</dt><br/><dd>PHP ialah singkatan dari PHP: Hypertext Preprocessor.</dd><br/></dl><br/> <br/></body><br/></html> |
Perhatikan cara penulisan description list diatas, bagi setiap tag <dt>, diikuti oleh tag <dd>. Namun kita dapat pun menambahkan beberapa tag <dd> di satu tag <dt>, dan demikian pun sebaliknya.
Di pada web browser, isi dari penjelasan di tag <dd> akan ditampilkan dengan sedikit menjorok (indent) dari bagian istilahnya.
Sumber https://www.duniailkom.com/
