HTML dd tag | belajar <dd> element
Referensi Belajar HTML dd tag. Tutorial dan panduan mengenai element <dd>...</dd>
yang digunakan untuk memberi markup penjelasan dari sebuah istilah. Mencakup penjelasan yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <dd>.
Deskripsi
Penjelasan HTML dd
dd menunjukkan sebuah Definition Description atau penjelasan dari sebuah istilah/term.
HTML <dd>
tag merupakan element yang memberikan penjelasan sebuah istilah/term (Yang ditulis didalam element <dt>
(definition term)). Adapun element <dt>
dan <dd>
, keduanya ditulis dalam <dl>
element yang menunjukkan sebuah definition list.
<dt>
dapat berisi konten sebuah istilah atau kosa kata tertentu, sedangkan penjelasan dari istilah tersebut ditulis didalam <dd>
. Sehingga, <dd>
harus ditulis setelah <dt>
.
Global Attributes
Atribut Secara Global (Keseluruhan)
<dd> 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)
<dd> 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 <dd>
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 <dd>
yang menerangkan definisi kosa kata (dalam sebuah kamus).
<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 Lengkap
Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Demo HTML dd tag</title>
</head>
<body>
<h2> Contoh 1</h2>
<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>
<hr />
<h2> Contoh 2</h2>
<dl>
<dt><dfn>happiness</dfn></dt>
<dd class="pronunciation">/'hæ p. nes/</dd>
<dd class="part-of-speech"><i><abbr>n.</abbr></i></dd>
<dd>Kebahagiaan, kegembiraan, kegirangan.</dd>
<dd>Perasaan bahagia. <q>I wish you <b>happiness</b></q>. Aku doakan semoga kamu bahagia.</dd>
</dl>
</body>
</html>
SHARE