Elementos de código de computador do HTML

Código de computador

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

Formato de código de computador HTML

Normalmente, o HTML usaVariávelo tamanho das letras e o espaçamento variável das letras.

Ao exibirCódigo de computadorEm exemplos, não é necessário fazer isso.

<kbd>, <samp>, e <code> Todos os elementos suportam tamanhos de letras fixos e espaçamento.

Formato de teclado HTML

HTML <kbd> Definição de elementoEntrada de teclado：

Exemplo

<p>Para abrir um arquivo, selecione:</p>
<p><kbd>Arquivo | Abrir...</kbd></p>

Experimente você mesmo

Formatação de exemplo HTML

HTML <samp> Definição de elementoExemplo de saída de computador：

Exemplo

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

Experimente você mesmo

Formatação de código HTML

HTML <code> Definição de elementoExemplo de código de programação：

Exemplo

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

Experimente você mesmo

<code>elementonão preservarexcedenteespaçoeQuebra de linha：

Exemplo

Exemplo de código

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

Experimente você mesmo

Para resolver esse problema, você deve envolver o código no elemento <pre>:

Exemplo

Exemplo de código

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

Experimente você mesmo

Formatação de variável HTML

HTML <var> Definição de elementoVariável matemática：

Exemplo

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

Experimente você mesmo

Elementos de código de computador do HTML

Etiqueta Descrição
<code> Definir texto de código de computador
<kbd> Definir texto de teclado
<samp> Definir exemplo de código de computador
<var> Definir variável
<pre> Definir texto pré-formatado