cloud-hosting-terbaik-indonesia

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

Posted on

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:

 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.

Bagi mempermudah mengingat, tag <dt> dapat disebut selaku ‘data term’, dan tag <dd> selaku ‘data description’.


Sumber https://www.duniailkom.com/