HTML Elementos del código informático
HTML contiene varios elementos para definir la entrada del usuario y el código de computadora.
HTML <kbd> para entrada de teclado
El elemento HTML <kbd> se utiliza para definir la entrada del teclado. El contenido interior se muestra en la fuente monoespaciada predeterminada del navegador.
Ejemplo
Definir texto como entrada de teclado en un documento:
<p>Guarde el documento presionando <kbd>Ctrl + S</kbd></p>
Resultado:
HTML <samp> para la salida del programa
El elemento HTML <samp> se utiliza para definir la salida de muestra de un programa de computadora. El contenido interior se muestra en la fuente monoespaciada predeterminada del navegador.
Ejemplo
Definir algún texto como resultado de muestra de un programa de computadora en un documento:
<p>Mensaje desde mi computadora:</p>
<p><samp>Archivo no encontrado.<br>Presione F1 para continuar</samp></p>
Resultado:
Archivo no encontrado.
Presione F1 para continuar
HTML <code> para código de computadora
El elemento HTML <code> se utiliza para definir un fragmento de código informático. El contenido interior se muestra en la fuente monoespaciada predeterminada del navegador.
Ejemplo
Defina algún texto como código de computadora en un documento:
<code>
x = 5;
y = 6;
z = x + y;
</code>
Resultado:
x = 5; y = 6; z = x + y;
Tenga en cuenta que el elemento <code> no conserva espacios en blanco ni saltos de línea adicionales.
Para solucionar este problema, puedes colocar el elemento <code> dentro de un elemento <pre>:
Ejemplo
<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>
Resultado:
x = 5;
y = 6;
z = x + y;
HTML <var> para variables
El elemento HTML <var> se utiliza para definir una variable en programación o en una expresión matemática. El contenido interior normalmente se muestra en cursiva.
Ejemplo
Definir algo de texto como variables en un documento:
<p>El área de un triángulo es: 1/2 x <var>b</var> x <var>h</var>, donde <var>b</var> es la base y <var>h</var> es la altura vertical.</p>
Resultado:
Resumen del capítulo
- El elemento
<kbd>define la entrada del teclado - El elemento
<samp>define la salida de muestra de un programa de computadora - El elemento
<code>define un fragmento de código informático - El elemento
<var>define una variable en programación o en una expresión matemática - El elemento
<pre>define texto preformateado
HTML Ejercicios
HTML Elementos del código informático
| Etiqueta | Descripción |
|---|---|
| <code> | Define el código de programación |
| <kbd> | Define la entrada del teclado |
| <samp> | Define la salida de la computadora |
| <var> | Define una variable |
| <pre> | Define texto preformateado |
Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML.
