Selain memiliki jenis ordered list dan unordered list, HTML masih memiliki jenis list lainnya, yakni Description List. Pada tutorial HTML lanjutan kali ini kita akan mempelajari Cara Membuat Description List dalam HTML menggunakan tag dl, dt dan dd.
Pengertian Description List dalam HTML
Description List adalah jenis list yang ditujukan untuk membuat struktur yang berisi deskripsi atau daftar penjelasan.
List jenis ini mungkin tidak sepopuler ordered list atau unordered list, namun jika anda membutuhkan struktur HTML untuk membuat list yang berisi penjelasan istilah-istilah dengan keterangannya, mungkin bisa menggunakan list jenis ini.
Cara Membuat Description List dalam HTML
Untuk membuat Description List, seluruh list harus berada di dalam pasangan tag <dl> dan </dl>. Untuk setiap deskripsi atau judul istilah, kita menggunakan tag <dt>. Sedangkan untuk penjelasan istilah tersebut, kita menggunakan tag <dd>.
Berikut adalah contoh kode program description list dalam HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| <! DOCTYPE html> < html > < head > < title >Belajar HTML di Duniailkom</ title > </ head > < body > < h3 >Saya sedang belajar HTML di Duniailkom.com</ h3 > < dl > < dt >HTML</ dt > < dd >HTML adalah singkatan dari Hypertext Markup Language.</ dd > < dt >CSS</ dt > < dd >CSS adalah singkatan dari Cascading Style Sheet.</ dd > < dt >PHP</ dt > < dd >PHP adalah singkatan dari PHP: Hypertext Preprocessor.</ dd > </ dl > </ body > </ html > |
![Contoh Penulisan Description List dalam HTML - Tag dd, dt, dan dl](https://www.duniailkom.com/wp-content/uploads/2014/06/Contoh-Penulisan-Description-List-dalam-HTML-Tag-dd-dt-dan-dl.png)
Di dalam web browser, isi dari penjelasan pada tag <dd> akan ditampilkan dengan sedikit menjorok (indent) dari bagian istilahnya.
Untuk memudahkan mengingat, tag <dt> bisa disebut sebagai ‘data term’, dan tag <dd> sebagai ‘data description’.
Selain memiliki jenis ordered list dan unordered list, HTML masih memiliki jenis list lainnya, yakni Description List. Pada tutorial HTML lanjutan kali ini kita akan mempelajari Cara Membuat Description List dalam HTML menggunakan tag dl, dt dan dd.
Pengertian Description List dalam HTML
Description List adalah jenis list yang ditujukan untuk membuat struktur yang berisi deskripsi atau daftar penjelasan.
List jenis ini mungkin tidak sepopuler ordered list atau unordered list, namun jika anda membutuhkan struktur HTML untuk membuat list yang berisi penjelasan istilah-istilah dengan keterangannya, mungkin bisa menggunakan list jenis ini.
Cara Membuat Description List dalam HTML
Untuk membuat Description List, seluruh list harus berada di dalam pasangan tag <dl> dan </dl>. Untuk setiap deskripsi atau judul istilah, kita menggunakan tag <dt>. Sedangkan untuk penjelasan istilah tersebut, kita menggunakan tag <dd>.
Berikut adalah contoh kode program description list dalam HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| <! DOCTYPE html> < html > < head > < title >Belajar HTML di Duniailkom</ title > </ head > < body > < h3 >Saya sedang belajar HTML di Duniailkom.com</ h3 > < dl > < dt >HTML</ dt > < dd >HTML adalah singkatan dari Hypertext Markup Language.</ dd > < dt >CSS</ dt > < dd >CSS adalah singkatan dari Cascading Style Sheet.</ dd > < dt >PHP</ dt > < dd >PHP adalah singkatan dari PHP: Hypertext Preprocessor.</ dd > </ dl > </ body > </ html > |
![Contoh Penulisan Description List dalam HTML - Tag dd, dt, dan dl](https://www.duniailkom.com/wp-content/uploads/2014/06/Contoh-Penulisan-Description-List-dalam-HTML-Tag-dd-dt-dan-dl.png)
Di dalam web browser, isi dari penjelasan pada tag <dd> akan ditampilkan dengan sedikit menjorok (indent) dari bagian istilahnya.
Untuk memudahkan mengingat, tag <dt> bisa disebut sebagai ‘data term’, dan tag <dd> sebagai ‘data description’.
Tidak ada komentar:
Posting Komentar