Saturday, October 11, 2014

Tag dl, dt dan dd HTML

Ketiga tag <dl>, <dt> dan <dd> digunakan untuk menampilkan glosarium atau menampilkan metadata. Bahasa sederhananya menuliskan istilah dan menuliskan juga pengertiaannya. Tag dl menandakan satu blok glosarium, tag dt berisi kata istilah dan tag dd berisi deskripsi dari tag dt. Teks yang berada di dalam tag dd otomatis menjorok ke dalam.

Contoh: ddd.html

<!DOCTYPE HTMl>
    <html>
        <head>
            <title>Tag dt, dl, dd HTML</title>
        </head>
    <body>
    <dl>
        <dt>Private browsing</dt>
        <dd>Mengakses internet dengan private, browser tidak akan menyimpan
        sesi, cookie, password dan data penjelajahan. Private browsing sangat
        cocok diaktifkan ketika menggunakan komputer umum.
        </dd>
    </dl>

    </body>
</html>


Ouput:

Satu deklarasi tag dd menandakan satu paragraf atau satu penjelas. Jika masih ada penjelasan lain terkait istilah, deklarasikan kembali dalam tag dd, begitu juga dengan paragraf berikutnya.

ddd2.html

<!DOCTYPE HTMl>
    <html>
        <head>
            <title>Tag dt, dl, dd HTML</title>
        </head>
    <body>
    <dl>
        <dt>Private browsing</dt>
        <dd>Mengakses internet dengan private, browser tidak akan menyimpan
        sesi, cookie, password dan data penjelajahan. Private browsing sangat
        cocok diaktifkan ketika menggunakan komputer umum.
        </dd>
        <dd>
        Untuk mengaktifkan private browsing di Mozilla Firefox,
        dari Menu pilih New Private Window.
        </dd>

    </dl>
    </body>
</html>


Output:


Jika beberapa istilah namun tetap satu deskripsi berarti tag dt lebih dari satu kali dideklarasikan dan hanya satu tag dd.

ddd3.html

<!DOCTYPE HTMl>
    <html>
        <head>
            <title>Tag dt, dl, dd HTML</title>
        </head>
    <body>
    <dl>
        <dt>Facebook</dt>
        <dt>Fb</dt>
        <dt>F</dt>
        <dd>Media sosial yang diciptakan oleh Mark Zuckerberg
        yang memudahkan semua orang di dunia dapat terhubung,
        di manapun kapan pun..
        </dd>
    </dl>

    </body>
</html>


Output:


Sedangkan untuk penggunaan medatada berikut adalah contohnya:

ddd4.html

<!DOCTYPE HTMl>
    <html>
        <head>
            <title>Tag dt, dl, dd HTML</title>
        </head>
    <body>
    <dl>
        <dt>Nama</dt>
        <dd>Erwin Sholeh Siregar</dd>
        <dt>Lahir</dt>
        <dd>24 April 1991</dd>
        <dt>Website</dt>
        <dd>tipspengetahuan.com</dd>
        <dt>Keahlian</dt>
        <dd>Web developer, penulis, blogger</dd>
    </dl>

    </body>
</html>


Output:

^Baca juga: Tag <del> HTML untuk menandai teks yang tidak berlaku lagi.

Referensi tulisan:
  1. <dl>; ditulis oleh: Kontributor MDN (Mozilla Developer Network), developer.mozilla.org, diakses 11 Oktober 2014.
    About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.

No comments:

Post a Comment