HTML dd tag | belajar <dd> element

HTML Fadlullah Fadul December 3, 2018

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.

Silahkan, lihat referensi mengenai HTML Global Attribute

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.

Silahkan, lihat referensi mengenai HTML Events Attribute

Example
Contoh HTML <dd> element

Contoh 1
HTML 
<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).

HTML 
<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.

SOURCE
editor 
<!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
Previous Article Next Article