Tag HTML <code>


Exemplo

Defina algum texto como código de computador em um documento:

<p>The HTML <code>button</code> tag defines a clickable button.</p>

<p>The CSS <code>background-color</code> property defines the background color of an element.</p>

Mais exemplos de "Experimente você mesmo" abaixo.


Definição e uso

A <code>tag é usada para definir um pedaço de código de computador. O conteúdo interno é exibido na fonte monoespaçada padrão do navegador.

Dica: esta tag não está obsoleta. No entanto, é possível obter um efeito mais rico usando CSS (veja o exemplo abaixo).

Veja também:

Tag Description
<samp> Defines sample output from a computer program
<kbd> Defines keyboard input
<var> Defines a variable
<pre> Defines preformatted text

Suporte ao navegador

Element
<code> Yes Yes Yes Yes Yes

Atributos Globais

A <code>tag também suporta os Atributos Globais em HTML .


Atributos do evento

A <code>tag também suporta os atributos de evento em HTML .


Mais exemplos

Exemplo

Use CSS para estilizar o elemento <code>:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>

<p>The HTML <code>button</code> tag defines a clickable button.</p>
<p>The CSS <code>background-color</code> property defines the background color of an element.</p>

</body>
</html>

Páginas relacionadas

Tutorial HTML: Formatação de texto HTML

Referência HTML DOM: objeto de código


Configurações padrão de CSS

A maioria dos navegadores exibirá o <code>elemento com os seguintes valores padrão:

Exemplo

code {
  font-family: monospace;
}