#34 Tag Description List ( dl ) pada HTML

belajar tag Description List pada HTML dengan penjelasan secara lengkap, contoh kode dan mencoba langsung dengan mudah di text editor online.

Deskripsi

tag Description List atau Definition List panggilan sebelum HTML5.

tag Description List adalah jenis list yang ditujukan untuk membuat struktur yang berisi deskripsi atau daftar penjelasan.

daftar deskripsi atau description list terdiri dari 3 tag , tag dl, dt dan dd, untuk lebih jelasnya kita bahas satu persatu.

Baca juga : Tag dan Elemen pada HTML

<dl> kepanjangan dari Definition List yang artinya daftar definisi.

elemen <dl> harus digunakan ketika ingin memasukan definisi istilah dalam dokumen, sering digunakan dalam glosarium untuk mendefinisikan banyak istilah dan juga digunakan dalam dokumen ketika penulis ingin menjelaskan suatu istilah lebih detail.

<dt> kepanjangan dari Definition Term yang artinya istilah definisi.

elemen <dt> digunakan ketika ingin memberikan nama dalam daftar definisi, elemen ini mengandung data satu baris

<dd> kepanjangan dari Definition Description yang artinya definisi deskripsi.

elemen <dd> berisi data yang menjelaskan istilah definisi, Data ini dapat berupa satu baris atau bisa lebih dari satu baris.

untuk lebih mudah memahaminya tag dl terdiri dari kelompok nama dan nilai, nama diberikan dalam elemen dt dan nilai diberikan dalam elemen dd.

    <dl>
        <dt>nama 1</dt>
        <dd>nilai untuk nama 1</dd>
        <dt>nama 2</dt>
        <dd>nilai untuk nama 2</dd>
    </dl>Code language: HTML, XML (xml)

sebuah nama dan nilai dapat memiliki lebih dari satu nama atau lebih dari satu nilai.

    <dl>
        <dt>nama 1</dt>
        <dt>nama 2</dt>
        <dd>nilai untuk nama 1 dan 2</dd>
        <dt>nama 3</dt>
        <dd>nilai untuk nama 3</dd>
        <dd>nilai untuk nama 3</dd>
    </dl>Code language: HTML, XML (xml)

Contoh Penggunaan Tag DL

tag Description List bisa digunakan untuk menjelaskan istilah. tag dt digunakan untuk nama istilah dan tag dd menjelaskan setiap nama istilah.

tag description list bisa juga digunakan untuk metadata yang menampilkan nama dan nilai pada suatu informasi

contoh istilah dan deskripsi tunggal

    <dl>
        <dt>Uang</dt>
        <dd>suatu benda yang dapat digunakan sebagai alat tukar dalam kegiatan ekonomi.</dd>
    </dl>Code language: HTML, XML (xml)

contoh banyak istilah dan deskripsi tunggal

    <dl>
        <dt>Uang</dt>
        <dt>Duit</dt>
        <dt>Fulus</dt>
        <dt>Harta</dt>
        <dd>suatu benda yang dapat digunakan sebagai alat tukar dalam kegiatan ekonomi.</dd>
    </dl>Code language: HTML, XML (xml)

contoh metadata rincian foto

    <dl>
        <dt>Waktu ambil</dt>
        <dd>31 Maret 2020</dd>
        <dt>Nama berkas</dt>
        <dd>IMG_20200331.jpg</dd>
        <dt>Ukuran File</dt>
        <dd>7 MB</dd>
    </dl>Code language: HTML, XML (xml)

Browser support

Pencarian di thohirdev:

• belajar menulis tag dl
• pengertian tag dl
• apa yang dimaksud dengan tag dl
• fungsi dari tag dl