MEILLEUR SITE POUR LES DÉVELOPPEURS WEB
HTML5. W3Schools en français. Le guide complet des tags

En Ua Es De

Balise HTML <code>


Exemple

Définir du texte comme code informatique dans un document :

<p>La balise HTML <code>button</code> définit un bouton cliquable.</p>

<p>La propriété CSS <code>background-color</code> définit la couleur d'arrière-plan d'un élément.</p>
Try it Yourself »

Plus d'exemples "Try it Yourself" (« Essayez-le vous-même ») ci-dessous.


Définition et utilisation

La balise <code> 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.

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

Regardez également :

Balise Description
<samp> Définit un exemple de sortie d'un programme informatique
<kbd> Définit la saisie au clavier
<var> Définit une variable
<pre> Définit le texte préformaté

Prise en charge du navigateur

Élément
<code> Oui Oui Oui Oui Oui

Attributs globaux

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


Attributs d'événement

La balise <code> supporte également 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>
Try it Yourself »

Pages connexes

Tutoriel HTML : Formatage du texte HTML.

Référence HTML DOM : Objet de Code.


Paramètres CSS par défaut

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

Exemple

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