Curso práctico de programación HTML5, ejercicios resueltos

Etiqueta <KBD>

La etiqueta <kbd>, permite especificar un formato de texto para distinguir lo que el usuario tendría que teclear en la solicitud de un programa.

La sintaxis de la etiqueta es la siguiente:

<p>Texto <kbd>marcado</kbd> con etiqueta keyboard</p>

 



El siguiente ejemplo muestra el uso de la etiqueta:

<!DOCTYPE HTML>
<html>
<head>
<title>Ejercicios prácticos HTML5</title>
<meta charset="utf-8">
<meta name="author" content="José Sáez">
<meta name="description" content="Ejercicios prácticos HTML5">
<meta name="generator" content="Ejercicios prácticos HTML5">
<meta name="keywords" content="Ejercicios, Soluciones, Prácticas, HTML5">
</head>
<body>
<p>El programa que se está analizando es el siguiente<br/>
<code>printf("Hola Mundo Web");</code><br/>
<samp>Teclee su dirección web: </samp></p>
<p>Ha de teclear una dirección valida de internet:<br/>
<kbd>www.aprendoencasa.com</kbd> a continuación pulsar Intro</p>
</body>
</html>

El resultado de la etiqueta utilizada ha de mostrar un resultado similar al de la imagen siguiente.

Prácticas HTML5, Etiqueta KBD

Prácticas HTML5, Etiqueta KBD

Gracias por vuestra visita y un saludo!!!

 

Realizar una aclaración para el contenido del curso, muchas veces indicare que una etiqueta no tiene atributos, me refiero a atributos específicos de la misma, ya que los genéricos los tienen todas las etiquetas. También se ha de tener en cuenta en el caso de estas etiquetas de formato como pueden ser KBD, SAMP, etc, que son etiquetas muy antiguas y su utilización no es para dar formato al texto, sino para dar sentido al mismo, así es la web SEMÁNTICA!!!