Tutorial Belajar HTML

Cara Membuat Description List dalam HTML – Tag dl, dt dan dd

Written by adies

Cara Membuat Description List dalam HTML – Belajar HTML Lanjutan Tag dl, dt dan dd
Pada html dasar saya sudah membuat tutorial tentang cara membuat list, dalam tutorial tersebut saya sudah menjelaskan jenis ordered list dan unordered list serta saya membuat gabungan antara ordered list dan unordered list sehingga list/daftar terlihat lebih Profesional. Baca disini  Cara membuat daftar/list dalam HTML Namun selain jenis ordered list dan unordered list ada satu lagi jenis list dalam html yaitu Description List.

Description List(List Definisi)

Description List adalah jenis list yang ditujukan untuk membuat struktur yang berisi deskripsi atau definisi. List definisi digunakan untuk mendefinisikan atau menjelaskan istilah-istilah, oleh karena itu disebut juga daftar istliah (glossary list). Terdapat tiga tag yang digunakan untuk menyusun suatu daftar istilah yaitu tag dl, dt dan dd.

Membuat Description List dalam HTML

Untuk membuat Description List seluruh list harus ditempatkan di dalam tag <dl> dan </dl>. Tag <dt> digunakan untuk istilah yang akan didefinisikan, tag tunggal tanpa penutup. Sedangkan tag <dd> digunakan untuk Definisi dari istilah tersebut, tag tunggal tanpa penutup.

Contoh Description List dalam HTML

<html>
<body>
<h4>Contoh List Definisi</h4>
<dl>
<dt>HTML</dt>
<dd>Hyper Text Markup Language, merupakan bahasa markup yang
digunakan untuk membuat halaman-halaman web.
</dd>
<dt>Internet Explorer</dt>
<dd>Web browser yang merupakan bawaan dari sistem operasi
Windows, digunakan untuk menampilkan halaman-halaman web.
</dd>
</dl>
</body>
</html>

dari contoh diatas kita bisa melihat penggunaan tag dl, dimana didalam tag dl ini terdapat tag dt dan dd, dan dalam tag dl kita bisa membuat tag dt dan dd lebih dari satu.
Sampai disini kita sudah bisa membuat list Description dalam html. List Description sangat cocok digunakan untuk sesuatu yang membutuhkan penjelasan lebih panjang. Sampai disini semua tag list dalam html sudah kita pelajari.

About the author

adies

Ada Komentar?

×