Table of contents
HTML contiene muchos elementos para definir la entrada del usuario y el código de computadora.
Ejemplo:
<code>
x = 5;
y = 6;
z = x + y;
</code>
Elemento kbd
El elemento <kbd> se usa para definir la entrada de teclado. El contenido dentro se mostrará en la fuente monoespaciada
Ejemplo:
<p>Guarde el documento presionando <kbd>Ctrl + S</kbd></p>
Elemento samp
El elemento <samp> se usa para definir salida de un programa de computadora. El contenido dentro se muestra en la fuente monoespaciada.
Ejemplo:
<p>Mensaje de mi computadora:</p>
<p><samp>Archivo no encontrado.<br>Presiona F1 para continuar</samp></p>
Elemento code
El elemento <code> se usa para denifir un fragmento de código informático. El contenido dentro se muestra en fuente monoespaciada.
Ejemplo:
<code>
x = 5;
y = 6;
z = x + y;
</code>
Obseva que el elemento <code> no conserva los espacios en blanco, ni saltos de línea.
Para arreglar esto, puedes usar el elemento <pre> dentro de un elemento <code>.
Ejemplo:
<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>
Elemento var
El elemento <var> se usa para definir una variable en programación o en una expresión matemática. El contenido dentro se muestra en italica.
Ejemplo:
<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>
Resumen
El elemento
<kbd>define una entrada de tecladoEl elemento
<samp>define un mensaje de un programa de computadoraEl elemento
<code>define un fragmento de un programa de computadoraEl elemento
<var>define una variable en programación o una expresión matemáticaEl elemento
<pre>define un texto pre-formateado
Traducido con 💚 desde W3Schools.com