MEJOR SITIO PARA DESARROLLADORES WEB
W3Schools en español. La guía de etiquetas completa

Ua En De Fr

Etiqueta HTML <code>


Ejemplo

Defina algún texto como código de computadora en un documento:

<p>La etiqueta HTML <code>button</code> define un botón en el que se puede hacer clic.</p>

<p>La propiedad CSS <code>background-color</code> define el color de fondo de un elemento.</p>
Try it Yourself »

Más ejemplos de "Try it Yourself" ("Pruébelo usted mismo") a continuación.


Definición y uso

La etiqueta <code> se utiliza para definir un fragmento de código de computadora. El contenido interno se muestra en la fuente monoespaciada predeterminada del navegador.

Consejo: Esta etiqueta no está obsoleta. Sin embargo, es posible lograr un efecto más rico utilizando CSS (ver ejemplo a continuación).

Mira también:

Etiqueta Descripción
<samp> Define la salida de muestra de un programa de computadora
<kbd> Define la entrada del teclado
<var> Define una variable
<pre> Define texto preformateado

Soporte del navegador

Elemento
<code>

Atributos globales

La etiqueta <code> también soporta los Atributos Globales en HTML.


Atributos del evento

La etiqueta <code> también soporta los Atributos de Evento en HTML.


Más ejemplos

Ejemplo

Utilice CSS para aplicar estilo al 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>
Try it Yourself »

Páginas relacionadas

Tutorial HTML: Formato de texto HTML.

Referencia DOM HTML: Objeto de Code.


Configuración CSS predeterminada

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

Ejemplo

code {
  font-family: monospace;
}
Try it Yourself »