Balise HTML <code>

Définition et utilisation

<code> La balise est utilisée pour définir un fragment de code informatique, dont le contenu est affiché en police à largeur fixe par défaut du navigateur.

Astuce :Cette balise n'est pas obsolète. Cependant, vous pouvez obtenir des effets plus riches en utilisant CSS (voir l'exemple suivant).

Voir également :

Balise Description
<samp> Définir une sortie d'exemple de programme informatique.
<kbd> Définir une entrée clavier.
<var> Définir une variable.
<pre> Définir un texte préformaté.

Voir également :

Tutoriel HTML :Formatage de texte HTML

Manuel de référence HTML DOM :Objet Code

Exemple

Exemple 1

Définir certains textes comme du code informatique dans le document :

<p>La balise <code>button</code> HTML définit un bouton cliquable.</p>
<p>La propriété <code>background-color</code> CSS définit la couleur de fond de l'élément.</p>

Essayer par vous-même

Exemple 2

Définir le style des éléments <code> à l'aide de 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 balise <code>button</code> HTML définit un bouton cliquable.</p>
<p>La propriété <code>background-color</code> CSS définit la couleur de fond de l'élément.</p>
</body>
</html>

Essayer par vous-même

Attributs globaux

<code> Les balises prennent également en charge Attributs globaux dans HTML.

Attributs d'événement

<code> Les balises prennent également en charge Attributs d'événement dans HTML.

Configuration CSS par défaut

La plupart des navigateurs utiliseront les valeurs suivantes par défaut pour afficher <code> Élément :

code {
  font-family: monospace;
}

Essayer par vous-même

Compatibilité des navigateurs

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support