Es una etiqueta de frase y se usa para definir la entrada del teclado. El texto encerrado dentro de la etiqueta <kbd> normalmente se muestra en la fuente monoespaciada predeterminada del navegador.
Sintaxis:
<kbd> text content ... </kbd>
Lista de todas las etiquetas de frase:
- <em> : Se utiliza para enfatizar el texto.
- <strong> : Se utiliza para definir un texto importante.
- <code> : Encierra el código informático.
- <samp> : Define un texto de salida de muestra de un programa de computadora.
- <kbd> : Define el texto de entrada del teclado.
- <var> : Define el texto de la variable.
Ejemplo 1: Este ejemplo describe el uso de la etiqueta <kbd>.
html
<!DOCTYPE html> <html> <body> <h1>GeeksforGeeks</h1> <h3>HTML kbd Tag</h3> <p> Open a new window using the keyboard shortcut <kbd>Ctrl</kbd> + <kbd>N</kbd> </p> </body> </html>
Producción:
Ejemplo 2: Este ejemplo usa la etiqueta <kbd> con algunos estilos CSS.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
kbd {
border-radius: 2px;
padding: 2px;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML kbd Tag</h2>
<p>Open a new window using the
keyboard shortcut
<kbd>Ctrl</kbd>+<kbd>N</kbd>
</p>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- Borde 12 y superior
- explorador de Internet
- Firefox 1 y superior
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA