Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Huruf Input Keyboard HTML Menggunakan 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.


Sebelum memahami lebih dalam materi tentang Membuat Huruf Input Keyboard HTML Menggunakan Tag KBD, terlebih dahulu pelajari materi tentang: Membuat Garis Bawah Teks HTML Menggunakan Tag INS, Membuat Inputan HTML Menggunakan Tag Input, dan Menampilkan Gambar HTML Menggunakan Tag IMG.

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


Artikel ini didedikasikan kepada: Chofifah Nur Mustaghfiroh, Devi Sinta Dewi, Eka Nurul Istiqomah, Faradian Salsabella Fasaytri, dan Fiman Hadit Muttaqin.

5 komentar untuk "Membuat Huruf Input Keyboard HTML Menggunakan Tag KBD"

  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

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -