HTML dd tag | belajar <dd> element

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
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
<!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