Web Tutorial Indonesia 
|
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.
Contoh Elemen dd
Jika skrip diatas dijalankan, maka browser akan menampilkan seperti gambar diatas ini.
