Balise HTML <code>
La balise <code> est utilisée pour insérer des variables, des fragments de code programme, etc., dans un document HTML. Dans le navigateur, le code est affiché dans une police à chasse fixe (une police dans laquelle tous les caractères ont la même largeur). La balise <code> est un élément en ligne par défaut.
La balise <code> seule représente une seule ligne de code ou une phrase de code. Elle doit être enveloppée dans un <pre> élément pour représenter plusieurs lignes de code.
Vous pouvez utiliser CSS pour obtenir de meilleurs effets.
Syntaxe
La balise <code> s'utilise par paires. Le contenu est écrit entre la balise d'ouverture (<code>) et la balise de fermeture (<​/code>).
Exemple de la balise HTML <code> :
Balise HTML <code>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Ordinary text.</p>
<code>Line of program code.</code>
<p>Continuation of the ordinary text.</p>
</body>
</html>Résultat
Exemple de la balise HTML <code> placée à l'intérieur d'une balise HTML <pre> :
Exemple de la balise HTML <code> à l'intérieur d'une balise HTML <pre> :
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<pre>
<code>
body {
color: yellow;
font-size: 16px;
line-height: 1.5;
}
</code>
</pre>
</body>
</html>Exemple de la balise HTML <code> avec des propriétés CSS :
Exemple de la balise HTML <code> avec des propriétés CSS :
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
.code-style {
font-size: 20px;
line-height: 28px;
background-color: lightblue;
color: #ffffff;
}
</style>
</head>
<body>
<p>Ordinary text.</p>
<code class="code-style">Line of program code.</code>
<p>Continuation of the ordinary text.</p>
</body>
</html>Attributs
La balise <code> prend en charge les Attributs globaux et les Attributs d'événement.
Par exemple, vous pouvez utiliser l'attribut title pour ajouter une infobulle : <code title="Variable declaration">let x = 10;</code>.
Pratique
Quelle est la bonne utilisation de la balise HTML <code> ?