Elementos código de computador HTML

❮ Anterior Próxima Capítulo ❯

Elemento código de computador

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

HTML Computer formatação Código

HTML normalmente usa tamanho de letra variável e espaçamento.

Esta não é desejado ao exibir exemplos de código de computador.

O <kbd> , <samp> , e <code> elementos todo o apoio fixo tamanho da letra e espaçamento.

HTML <kbd> Para entrada de teclado

O HTML <kbd> elemento define a entrada de teclado:

Exemplo

Resultado:

File | Open...

Tente você mesmo "

HTML <samp> Para Output Computer

O HTML <samp> elemento define a saída de exemplo a partir de um programa de computador:

Exemplo

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

Resultado:

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

Tente você mesmo "

HTML <code> Para código de computador

O HTML <code> elemento define um pedaço de código de programação:

Exemplo

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

Resultado:


var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;

Tente você mesmo "

Observe que o <code> elemento não preservar espaço em branco extra e quebras de linha.

Para corrigir isso, você pode colocar o <code> elemento dentro de um <pre> elemento:

Exemplo

<pre>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</pre>

Resultado:

var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;

Tente você mesmo "

HTML <var> para variáveis

O HTML <var> elemento define uma variável.

A variável pode ser uma variável em uma expressão matemática ou uma variável no contexto de programação:

Exemplo

Einstein wrote: <var>E</var> = <var>m</var><var>c</var><sup>2</sup>.

Resultado:

Einstein wrote: E = m c ² .

Tente você mesmo "

Teste-se com exercícios!

Exercício 1 » Exercício 2» Exercício 3 »