Etiqueta HTML <code>

Definición y uso

<code> La etiqueta se utiliza para definir fragmentos de código computacional, cuyos contenidos se visualizan con la fuente monoespaciada predeterminada del navegador.

Consejo:Esta etiqueta no está obsoleta. Sin embargo, se pueden lograr efectos más ricos utilizando CSS (vea el ejemplo a continuación).

Vea también:

Etiqueta Descripción
<samp> Definir salida de ejemplo de programa computacional.
<kbd> Definir entrada de teclado.
<var> Definir variables.
<pre> Definir texto preformateado.

Vea también:

Tutoriales HTML:Formateo de texto en HTML

Manual de Referencia HTML DOM:Objeto Code

Ejemplo

Ejemplo 1

Definir algunos textos como código computacional en el documento:

<p>La etiqueta <code>button</code> de HTML define un botón clickeable.</p>
<p>La propiedad <code>background-color</code> de CSS define el color de fondo del elemento.</p>

Pruebe usted mismo

Ejemplo 2

Configurar estilos de elementos <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>La etiqueta <code>button</code> de HTML define un botón clickeable.</p>
<p>La propiedad <code>background-color</code> de CSS define el color de fondo del elemento.</p>
</body>
</html>

Pruebe usted mismo

Atributos globales

<code> La etiqueta también admite Atributos globales en HTML.

Atributos de eventos

<code> La etiqueta también admite Atributos de eventos en HTML.

Configuración CSS predeterminada

La mayoría de los navegadores mostrarán los siguientes valores predeterminados <code> Elemento:

code {
  font-family: monospace;
}

Pruebe usted mismo

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte