Etiqueta HTML <code>

Definição e uso

<code> A etiqueta é usada para definir fragmentos de código computacional, cujo conteúdo é exibido com a fonte monoespaçada padrão do navegador.

Dica:Esta etiqueta não foi descontinuada. No entanto, efeitos mais ricos podem ser alcançados usando CSS (veja os exemplos a seguir).

Veja também:

Etiqueta Descrição
<samp> Definir saída de exemplo de programa computacional.
<kbd> Definir entrada de teclado.
<var> Definir variáveis.
<pre> Definir texto pré-formatado.

Veja também:

Tutorial de HTML:Formatação de texto HTML

Manual de Referência do DOM HTML:Objeto Code

Exemplo

Exemplo 1

Definir alguns textos como código computacional no documento:

<p>A etiqueta <code>button</code> do HTML define um botão clicável.</p>
<p>A propriedade <code>background-color</code> do CSS define a cor de fundo do elemento.</p>

Experimente você mesmo

Exemplo 2

Definir o estilo do elemento <code> usando CSS:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>
<p>A etiqueta <code>button</code> do HTML define um botão clicável.</p>
<p>A propriedade <code>background-color</code> do CSS define a cor de fundo do elemento.</p>
</body>
</html>

Experimente você mesmo

Atributos globais

<code> A etiqueta também suporta Atributos globais no HTML.

Atributos de evento

<code> A etiqueta também suporta Atributos de evento no HTML.

Configurações CSS padrão

A maioria dos navegadores usará os seguintes valores padrão para exibir <code> Elemento:

code {
  font-family: monospace;
}

Experimente você mesmo

Suporte de navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte