44. Elementos de código de computadora HTML

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

Ejm

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

HTML <kbd> para entrada de teclado

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

Ejm

<!DOCTYPE html>
<html>
<body>

<h2>The kbd Element</h2>

<p>The kbd element is used to define keyboard input:</p>

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

</body>
</html>

HTML <samp> para la salida del programa

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

Ejm

<!DOCTYPE html>
<html>
<body>

<h2>The samp Element</h2>

<p>The samp element is used to define sample output from a computer program.</p>

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

</body>
</html>

<code> para código de computadora

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

Ejm

<!DOCTYPE html>
<html>
<body>

<h2>The code Element</h2>
<p>Programming code example:</p>

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

</body>
</html>

Ten en cuenta que el elemento <code> no conserva espacios en blanco adicionales ni saltos de línea. Para arreglar esto, puedes poner el elemento <code> dentro de un elemento <pre>.

Ejm

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

<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.

Ejm

<!DOCTYPE html>
<html>
<body>

<h2>The var Element</h2>

<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>

</body>
</html>
Scroll al inicio