1 2 |
<dd> </dd> |
Definisi dan Penggunaan
Elemen HTML dd
merupakan pasangan dari elemen HTML dt
dan terletak dalam elemen dl
, elemen dl
adalah elemen yang digunakan untuk membuat daftar definisi. Elemen HTML dt
berisi istilah yang didefinisikan dan elemen dd
berisi konten deskripsi dari definisi.
Kita dapat menggunakan beberapa elemen dd
dan bahkan mengulang penggunaan elemen dt
untuk mendeskripsikan istilah dalam elemen dt
. Elemen dd
juga berbeda dari dt
yang mana elemen dd
dapat berisi Block-level Elemen seperti judul <h1> - <h6>
dan paragraf <p>
.
Jika ditarik kesimpulan, maka:
- Tag atau elemen HTML
<dd>
digunakan untuk menggambarkan istilah / nama dalam daftar deskripsi. - Tag atau elemen HTML
<dd>
bersama tag<dt>
digunakan dalam elemen<dl>
yang berfungsi mendefinisikan daftar deskripsi sedangkan tag HTML<dt>
berfungsi mendefinisikan istilah / nama. - Di dalam Tag HTML
<dd>
kita dapat menempatkan paragraf, line breaks, gambar, link, list, dan lain sebagainya
Secara sederhana, penggunaan elemen atau tag HTML dd
adalah sebagai berikut.
1 2 3 4 5 |
<dl> <dt>Nyekrip</dt> <dd>Merupakan web yang berisikan tutorial membuat program, yang berfokus pada pembaca indonesia yang mempunyai minat dalam hal pemrograman</dd> <dd>Untuk lebih lanjut silahkan kunjungi www.nyekrip.com</dd> </dl> |
Dukungan Browser
Elemen | |||||
---|---|---|---|---|---|
<dd> | Ya | Ya | Ya | Ya | Ya |
Latihan Elemen HTML dd
Sebagai latihan untuk membuat elemen HTML dd
, silahkan ketik-kan skrip dibawah ini:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Contoh Center</title> </head> <body> <dl> <dt>Nyekrip</dt> <dd>Merupakan web yang berisikan tutorial membuat program, yang berfokus pada pembaca indonesia yang mempunyai minat dalam hal pemrograman</dd> <dd>Untuk lebih lanjut silahkan kunjungi www.nyekrip.com</dd> <dt>Nyekrip 2</dt> <dd>Merupakan web yang berisikan tutorial membuat program, yang berfokus pada pembaca indonesia yang mempunyai minat dalam hal pemrograman</dd> <dd>Untuk lebih lanjut silahkan kunjungi www.nyekrip.com</dd> </dl> </body> </html> |
Perhatikan skrip diatas, elemen dl
merupakan pembungkus dari daftar istilah yang mana dalam contoh ini sedang menjelaskan istilah nyekrip, kita bisa menambahkan istilah lain dengan menambahkan elemen dt
sebagai tempat nama istilah dan elemen dd
sebagai tempat deskripsi dari istilah tersebut.
Jika skrip diatas dijalankan, maka browser akan menampilkan seperti gambar diatas ini.