Friday, November 7, 2014

Tag kbd HTML

Tag kbd (keyboard) merupakan HTML elemen input dalam inline untuk menuliskan perintah keyboard yang ditampilkan dalam font (jenis huruf) monospace.

Inline artinya teks ditampilkan tetap satu baris dengan teks sebelumnya.

Contoh perintah keyboard adalah Ctrl+S untuk menyimpan, Ctrl+V untuk menempel, Ctrl+C untuk menggandakan.

Untuk membedakan jenis huruf dari beberapa perintah keyboard ini maka dianjurkan diletakkan dalam tag <kbd>.

Contoh: kbd.html

 <!DOCTYPE HTML>
    <html>
        <head>
            <title>Tag kbd HTML</title>
        </head>
    <body>
        <p>Untuk menyimpan dokumen gunakan perintah <kbd>Ctrl+S</kbd> <br />
        Untuk menempel dokumen gunakan perintah <kbd>Ctrl+V</kbd> <br />
        Untuk memindahkan dokumen gunakan perintah <kbd>Ctrl+X</kbd> <br />
        Untuk menggandakan dokumen gunakan perintah <kbd>Ctrl+C</kbd> <br />
        Untuk membuka dokumen gunakan perintah <kbd>Ctrl+O</kbd>
        </p>
    </body>
</html>

Output:

Hasil tampilan di browser.
^Baca juga: Tips: Mengecek tag penutup berlebih.

Referensi tulisan:
  1. <kbd>; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 08 Nopember 2014.
    About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.
Posted by at
Labels: ,

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)