Langsung ke konten utama

HTML Tag Kbd

Merupakan tag frase yang digunakan untuk mendefinisikan input keyboard. Teks yang disertakan dalam tag kbd biasanya ditampilkan dalam font monospace secara default pada browser.

Sintak:
<kbd> Teks Konten... </kbd>

List tag frame pada HTML:
  • <em>: digunakan untuk teks emphasize.
  • <strong>: digunakan untuk mendefinisikan teks penting.
  • <code>: digunakan untuk menampilkan teks kode program.
  • <samp>: digunakan untuk mendefinisikan contoh output dari teks yang berasal dari kode program.
  • <kbd>: diguanakan untuk teks input keyboard.
  • <var>: digunakan untuk mendefinisikan teks variabel.

Contoh: deskripsi dari penggunaan tag <kbd>.

<!DOCTYPE html>

<html>

 

<body>

<h1>

Elfan Blog

</h1>

 

<h3>

HTML Tag Kbd

</h3>

 

<p>

Buka tab baru pada komputer: 

<kbd>Ctrl</kbd> + <kbd>N</kbd>

</p>

 

</body>

 

</html>

Output:

Elfan Blog

HTML Tag Kbd

Buka tab baru pada komputer: Ctrl + N


Contoh: penggunaan tag <kbd> dengan CSS.

<!DOCTYPE html>

<html>

 

<head>

<style>

kbd 

{

border-radius: 2px;

padding: 2px;

border: 1px solid black;}

</style>

</head>

 

<body>

<h1>

Blog Elfan

</h1>

 

<h2>

HTML Tag Kbd

</h2>

 

<p>

Cara membuka windows baru pada komputer:

<kbd>Ctrl</kbd>+<kbd>N</kbd>

</p>

</body>

 

</html>

Output:

Blog Elfan

HTML Tag Kbd

Cara membuka windows baru pada komputer: Ctrl+N

Komentar

  1. Apa yang dimaksud dengan elemen kbd pada html?

    BalasHapus
    Balasan
    1. Elemen KBD pada HTML mewakili rentang teks sebaris yang menunjukkan input user tekstual dari keyboard, input suara, ataupun perangkat entri teks lainnya.

      Hapus
  2. Apa fungsi tag kbd pada html?

    BalasHapus
    Balasan
    1. Tag kbd digunakan untuk mendefinisikan input keyboard, dengan tipe defaultnya adalah tipe monospace.

      Hapus
    2. Informasi yang sangat menarik dan bermanfaat untuk bisa memahami fungsi tag kbd pada html.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D