Elementos del código informático HTML

HTML contiene varios elementos para definir la entrada del usuario y el código de computadora.

Ejm

<!DOCTYPE html>
<html>
<body>

<h2>Computer Code</h2>
<p>Some programming code:</p>

<code>
x = 5;<br>
y = 6;<br>
z = x + y;
</code>

</body>
</html>

HTML <kbd> para entrada de teclado (input)

El elemento HTML <kbd> se utiliza para definir la entrada del teclado. El contenido del interior se muestra en la fuente monoespaciada predeterminada del navegador.

Ejm

<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>

HTML <samp> para la salida del programa (output)

El elemento HTML <samp> se utiliza para definir la salida de muestra de un programa informático. El contenido del interior se muestra en la fuente monoespaciada predeterminada del navegador.

Ejm

<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

HTML <code> para código de computadora

El elemento HTML <code> se usa para definir un fragmento de código de computadora. El contenido del interior se muestra en la fuente monoespaciada predeterminada del navegador.

Ejm

<code>
x = 5;
y = 6;
z = x + y;
</code>

Observe que el elemento <code> no conserva espacios en blanco ni saltos de línea adicionales. Para solucionar esto, puede colocar el elemento <code> dentro de un elemento <pre>.

Ejm

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

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 del interior se muestra normalmente en cursiva.

Ejm

<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>

Resumen

  • El elemento <kbd> se utiliza para definir la entrada del teclado.
  • El elemento <samp> se usa para definir la salida de muestra de un programa de computadora
  • El elemento <code> se usa para definir un fragmento de código de computadora
  • El elemento <var> se usa para definir una variable en programación o en una expresión matemática
  • El elemento <pre> se utiliza para definir texto preformateado