Elementos de código de computadora HTML

Código de computadora

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}

Formato de código de computadora HTML

Por lo general, HTML utilizaVariabledel tamaño de las letras, así como el espaciado variable.

En la visualizaciónCódigo de computadoraEn el ejemplo, no es necesario hacer esto.

<kbd>, <samp>, y <code> Todos los elementos admiten un tamaño de letra fijo y un espaciado.

Formato de teclado HTML

HTML <kbd> Definición de elementoIngresar con el teclado：

Ejemplo

<p>Para abrir un archivo, seleccione:</p>
<p><kbd>Archivo | Abrir...</kbd></p>

Prueba por tu cuenta

Formato de ejemplo HTML

HTML <samp> Definición de elementoEjemplo de salida de computadora：

Ejemplo

<samp>
demo.example.com login: Abr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

Prueba por tu cuenta

Formato de código HTML

HTML <code> Definición de elementoEjemplo de código de programación：

Ejemplo

<code>
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
</code>

Prueba por tu cuenta

<code>elementoNo se conservanMúltiplesEspacioySalto de línea：

Ejemplo

Ejemplo de código

<code>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</code>

Prueba por tu cuenta

Para resolver este problema, debe envolver el código en el elemento <pre>:

Ejemplo

Ejemplo de código

<code>
<pre>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

Prueba por tu cuenta

Formateo de variable HTML

HTML <var> Definición de elementoVariable matemática：

Ejemplo

<p>Einstein escribió:</p>
<p><var>E = m c<sup>2</sup></var></p>

Prueba por tu cuenta

Elementos de código de computadora HTML

Etiqueta Descripción
<code> Definir texto de código de computadora
<kbd> Definir texto de teclado
<samp> Definir ejemplo de código de computadora
<var> Definir variable
<pre> Definir texto preformateado