Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

Cara Membuat Daftar Deskripsi Menggunakan Tag DT pada HTML
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].

Sintak:
<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.

Artikel ini didedikasikan kepada: Salafudin, Siti Romdonah, Tessa Ayu Novita, Wildan Pratama Bagaskara, dan Aditya Aji Pradana.

5 komentar untuk "Membuat Daftar Deskripsi HTML Menggunakan Tag DT"

  1. Apa hubungan antara tag dt, dl, dan dd pada html?

    BalasHapus
    Balasan
    1. Tag 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.

      Hapus
  2. Tag DT mendefinisikan istilah atau nama dalam daftar deskripsi. Tag ini digukana bersamaan dengan tag dl dan dd.

    BalasHapus
  3. Hasil yang ditampilkan pada blog tentang penggunaan dari tag dt sedikit berbeda jika dipraktikkan langsung dengan membuat dokumen html sendiri secara offline.

    BalasHapus
    Balasan
    1. Iya 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

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -