HTML <code> Tag


Exemple

Définissez un 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 de fond d'un élément.</p>
Essayez-le vous-même »

Plus d'exemples "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 à espacement fixe 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 l'exemple ci-dessous).

Regardez aussi :

Balise Description
<samp> Définit la sortie d'exemple d'un programme informatique
<kbd> Définit l'entrée du clavier
<var> Définit une variable
<pre> Définit un texte préformaté

Support des Navigateurs

É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> 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>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 de fond d'un élément.</p>

</body>
</html>
Essayez-le vous-même »

Pages Associées

Tutoriel HTML : Mise en Forme du Texte HTML

Référence DOM HTML : Objet Code


Paramètres CSS par Défaut

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

Exemple

code {
font-family: monospace;
}
Essayez-le vous-même »