Etiqueta HTML <código>


Ejemplo

Defina algún texto como código de computadora en un 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>

Más ejemplos de "Pruébelo usted mismo" a continuación.


Definición y uso

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

Sugerencia: esta etiqueta no está obsoleta. Sin embargo, es posible lograr un efecto más rico usando CSS (vea el ejemplo a continuación).

También mira:

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

Compatibilidad con navegador

Element
<code> Yes Yes Yes Yes Yes

Atributos globales

La <code>etiqueta también es compatible con los atributos globales en HTML .


Atributos de eventos

La <code>etiqueta también es compatible con los atributos de eventos en HTML .


Más ejemplos

Ejemplo

Use CSS para diseñar el 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 de HTML: formato de texto HTML

Referencia HTML DOM: objeto de código


Configuración predeterminada de CSS

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

Ejemplo

code {
  font-family: monospace;
}