Tag HTML <kbd>
Contoh
Tentukan beberapa teks sebagai input keyboard dalam dokumen:
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).</p>
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Tag <kbd>
digunakan untuk menentukan input keyboard. Konten di dalamnya ditampilkan dalam font monospace default browser.
Tip: Tag ini tidak digunakan lagi. Namun, dimungkinkan untuk mencapai efek yang lebih kaya dengan menggunakan CSS (lihat contoh di bawah).
Lihat juga:
Tag | Description |
---|---|
<code> | Defines a piece of computer code |
<samp> | Defines sample output from a computer program |
<var> | Defines a variable |
<pre> | Defines preformatted text |
Dukungan Peramban
Element | |||||
---|---|---|---|---|---|
<kbd> | Yes | Yes | Yes | Yes | Yes |
Atribut Global
Tag <kbd>
juga mendukung Atribut Global dalam HTML .
Atribut Acara
Tag <kbd>
juga mendukung Atribut Peristiwa dalam HTML .
Lebih Banyak Contoh
Contoh
Gunakan CSS untuk menata elemen <kbd>:
<html>
<head>
<style>
kbd {
border-radius: 2px;
padding: 2px;
border: 1px solid black;
}
</style>
</head>
<body>
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text
(Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac
OS).</p>
</body>
</html>
Halaman Terkait
Tutorial HTML: Pemformatan Teks HTML
Referensi DOM HTML: Objek Kbd
Pengaturan CSS Default
Sebagian besar browser akan menampilkan <kbd>
elemen dengan nilai default berikut:
Contoh
kbd {
font-family: monospace;
}