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.
Sintak:
<kbd> Teks Konten... </kbd>
List tag frame pada HTML:
 |
| Ilustrasi Input Keyboard HTML |
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 [klik], Membuat Inputan HTML Menggunakan Tag Input [klik], dan Menampilkan Gambar HTML Menggunakan Tag IMG [klik].
<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.
Baca Juga:
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
Referensi Tambahan:
- Penggunaan Tag Noscript untuk Menampilkan Teks HTML [klik]
- 11 Atribut Utama pada Penggunaan Tag Object HTML [klik]
- 2 Contoh Program Penggunaan Tag Optgroup pada HTML [klik]
- 4 Atribut Utama pada Penggunaan Tag Option HTML [klik]
- 3 Atribut Utama pada Penggunaan Tag Output HTML [klik]
- 4 Atribut Utama Penggunaan Tag Param pada HTML [klik]
- 11 Elemen Utama Tag Phrase pada HTML [klik]
Artikel ini didedikasikan kepada: Chofifah Nur Mustaghfiroh, Devi Sinta Dewi, Eka Nurul Istiqomah, Faradian Salsabella Fasaytri, dan Fiman Hadit Muttaqin.
Apa yang dimaksud dengan elemen kbd pada html?
BalasHapusElemen KBD pada HTML mewakili rentang teks sebaris yang menunjukkan input user tekstual dari keyboard, input suara, ataupun perangkat entri teks lainnya.
HapusApa fungsi tag kbd pada html?
BalasHapusTag kbd digunakan untuk mendefinisikan input keyboard, dengan tipe defaultnya adalah tipe monospace.
HapusInformasi yang sangat menarik dan bermanfaat untuk bisa memahami fungsi tag kbd pada html.
Hapus