Balise HTML <code>


Exemple

Définissez du texte en tant que code informatique dans un document :

<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>

Plus d'exemples "Essayez-le vous-même" ci-dessous.


Définition et utilisation

La <code>balise est utilisée pour définir un morceau de code informatique. Le contenu à l'intérieur est affiché dans la police monospace par défaut du navigateur.

Astuce : Cette balise n'est pas obsolète. Cependant, il est possible d'obtenir un effet plus riche en utilisant CSS (voir l'exemple ci-dessous).

Regardez aussi :

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

Prise en charge du navigateur

Element
<code> Yes Yes Yes Yes Yes

Attributs globaux

La <code>balise prend également en charge les attributs globaux en HTML .


Attributs d'événement

La <code>balise prend également en charge les attributs d'événement en HTML .


Plus d'exemples

Exemple

Utilisez CSS pour styliser l'élément <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>

Pages connexes

Tutoriel HTML : formatage de texte HTML

Référence HTML DOM : Objet Code


Paramètres CSS par défaut

La plupart des navigateurs afficheront l' <code>élément avec les valeurs par défaut suivantes :

Exemple

code {
  font-family: monospace;
}