Deskripsi
Penjelasan HTML dt

HTML <dt> element menunjukkan sebuah Definition Term yang digunakan untuk merepresentasikan sebuah istilah pada daftar definisi (Definition list (<dl>)).

<dt> ditulis didalam element <dl> dan biasanya terletak sebelum <dd> element, sehingga <dt> dan <dd> merupakan anak element dari <dl>.

Dalam penggunaannya, element <dt> tidak selalu menunjukkan istilah yang memiliki definisi. Untuk memarkup konten yang memiliki definisi dengan jelas, maka tambahkan element <dfn> di dalam <dt> tersebut.


Global Attributes
Atribut Secara Global (Keseluruhan)

<dt> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Event Attributes
Atribut event (Peristiwa)

<dt> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Example
Contoh HTML <dt> element

Contoh 1
<dl>
  <dt>Vertebrata</dt>
  <dd>Binatang yang bertulang belakang (Seperti binatang menyusui dan burung)</dd>
  <dt>Invertebrata</dt>
  <dd>Binatang yang tidak bertulang belakang (Seperti cacing dan lalat)</dd>
</dl>

Contoh 2

Contoh HTML <dt> dengan tambahan <dfn> element

<dl>
 <dt><dfn>happiness</dfn></dt>
 <dd class="cara-pengucapan">/'hæ p. nes/</dd>
 <dd class="jenis-kata"><i><abbr>kb.</abbr></i></dd>
 <dd>Kebahagiaan, kegembiraan, kegirangan.</dd>
 <dd>Perasaan bahagia. <q>There is no <b>happiness</b> without action</q>. Tidak ada kebahagiaan tanpa tindakan.</dd>
</dl>

Contoh diatas digunakan untuk mendefinisikan sebuah istilah atau kosa kata dengan deskripsi (<dd>) lebih dari satu.


Contoh 3

Contoh HTML <dt> element pada sebuah teks tanya-jawab (F.A.Q)

<h1>Tanya Jawab</h1>
<dl>
  <dt>Apa kepanjangan dari HTML?</dt>
  <dd>HyperText Markup Language.</dd>
  <dt>Apa Kepanjangan dari CSS?</dt>
  <dd>Cascading Style Sheets.</dd>
  <dt>Apa itu JavaScript?</dt>
  <dd>Bahasa pemrograman web pada sisi client.</dd>
</dl>

Contoh Lengkap
Demo dengan Source Code Editor

Demo Editor
Demo HTML <dt>
Code Editor