Membuat Daftar Deskripsi HTML Menggunakan Tag DT
Tag dt pada HTML digunakan untuk menentukan daftar deskripsi. Tag ini digunakan bersamaan dengan tag dl, juga biasanya diikuti dengan penggunaan tag dd, dimana tag dd digunakan untuk menyediakan beberapa teks yang berkaitan dengan istilah yang ditentukan menggunakan tag dt.
Sintak:
<dt> Konten... </dt>
Baca Juga:
 |
| Ilustrasi Tag DT HTML |
Sebelum memahami lebih dalam materi tentang Membuat Daftar Deskripsi HTML Menggunakan Tag DT, terlebih dahulu pelajari materi tentang: Membuat Daftar Deskripsi HTML Menggunakan Tag DL [klik], Membuat Teks Menjorok Menggunakan Tag Div HTML [klik], dan Membuat Judul HTML Menggunakan Tag DIR [klik].
<dt> Konten... </dt>
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<body>
<h1>
HTML Tag Dt
</h1>
<h2>
Tag DT
</h2>
<dl>
<!-- HTML tag dt -->
<dt>Kelas masak</dt>
<dd>
Kelas untuk belajar berbagai teknik masak dari berbagai menu Asia.
</dd>
<br>
<!-- HTML tag dt -->
<dt>Kelas Karate</dt>
<dd>
Kelas untuk belajar ilmu bela diri Karate.
</dd>
<br>
<!-- HTML tag dt -->
<dt>Kelas Tidur</dt>
<dd>
Kelas untuk belajar bagaimana caranya tidur ditengah-tengah proses belajar.
</dd>
</dl>
</body>
</html>
Output:
HTML Tag Dt
Tag DT
- Kelas masak
- Kelas untuk belajar berbagai teknik masak dari berbagai menu Asia.
- Kelas Karate
- Kelas untuk belajar ilmu bela diri Karate.
- Kelas Tidur
- Kelas untuk belajar bagaimana caranya tidur ditengah-tengah proses belajar.
Referensi Tambahan:
- 5 Atribut Utama pada Penggunaan Tag Frameset HTML [klik]
- 2 Contoh Cara Mengatur Ukuran Huruf Menggunakan Heading HTML [klik]
- 3 Contoh Program Penggunaan Tag Head pada HTML [klik]
- Cara Mudah Mengatur Heading Menggunakan Tag Hgroup HTML [klik]
- 2 Contoh Program Tujuan Penggunaan Tag HTML [klik]
- 2 Contoh Cara Menampilkan Teks dalam Format Miring pada HTML [klik]
- 9 Contoh Penggunaan Tag IMG untuk Menampilkan Gambar pada HTML [klik]
Artikel ini didedikasikan kepada: Salafudin, Siti Romdonah, Tessa Ayu Novita, Wildan Pratama Bagaskara, dan Aditya Aji Pradana.
Apa hubungan antara tag dt, dl, dan dd pada html?
BalasHapusTag DT pada html digunakan untuk menentukan istilah deskripsi atau daftar definisi. Karena hal tersebut, maka tag DT harus digunakan di dalam tag DL. Tag DD atau description details juga digunakan untuk memberikan definisi atau teks terkait lainnya yang berhubungan dengan istilah yang telah ditentukan dalam tag DT.
HapusTag DT mendefinisikan istilah atau nama dalam daftar deskripsi. Tag ini digukana bersamaan dengan tag dl dan dd.
BalasHapusHasil yang ditampilkan pada blog tentang penggunaan dari tag dt sedikit berbeda jika dipraktikkan langsung dengan membuat dokumen html sendiri secara offline.
BalasHapusIya benar, hal ini terjadi karena ada perbedaan penerapan kode program antara yang diketik langsung terhadap hasil yang di copy ke dalam blog. Jauh lebih mudah, jika kode program tersebut dibuat ke dalam bentuk dokumen html statis untuk dapat mengamati perubahan yang terjadi pada file hasilnya.
Hapus