HTML Éléments de code informatique
HTML contient plusieurs éléments permettant de définir la saisie utilisateur et le code informatique.
HTML <kbd> Pour la saisie au clavier
L'élément HTML <kbd> est utilisé pour définir la saisie au clavier. Le contenu à l'intérieur est affiché dans la police monospace par défaut du navigateur.
Exemple
Définir du texte comme saisie au clavier dans un document :
<p>Enregistrez le document en appuyant sur <kbd>Ctrl + S</kbd></p>
Résultat:
HTML <samp> Pour la sortie du programme
L'élément HTML <samp> est utilisé pour définir un exemple de sortie d'un programme informatique. Le contenu à l'intérieur est affiché dans la police monospace par défaut du navigateur.
Exemple
Définissez du texte comme exemple de sortie d'un programme informatique dans un document :
<p>Message de mon ordinateur :</p>
<p><samp>Fichier introuvable.<br>Appuyez sur F1 pour continuer</samp></p>
Résultat:
Fichier introuvable.
Appuyez sur F1 pour continuer
HTML <code> Pour le code informatique
L'élément HTML <code> est utilisé pour définir un morceau de code informatique. Le contenu à l'intérieur est affiché dans la police monospace par défaut du navigateur.
Exemple
Définir du texte sous forme de code informatique dans un document :
<code>
x = 5;
y = 6;
z = x + y;
</code>
Résultat:
x = 5; y = 6; z = x + y;
Notez que l'élément <code> ne conserve pas les espaces et les sauts de ligne supplémentaires.
Pour résoudre ce problème, vous pouvez placer l'élément <code> dans un élément <pre> :
Exemple
<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>
Résultat:
x = 5;
y = 6;
z = x + y;
HTML <var> Pour les variables
L'élément HTML <var> est utilisé pour définir une variable en programmation ou dans une expression mathématique. Le contenu à l’intérieur est généralement affiché en italique.
Exemple
Définir du texte comme variables dans un document :
<p>L'aire d'un triangle est : 1/2 x <var>b</var> x <var>h</var>, où <var>b</var> est la base, et <var>h</var> est la hauteur verticale.</p>
Résultat:
Résumé du chapitre
- L'élément
<kbd>définit la saisie au clavier - L'élément
<samp>définit un exemple de sortie d'un programme informatique - L'élément
<code>définit un morceau de code informatique - L'élément
<var>définit une variable en programmation ou dans une expression mathématique - L'élément
<pre>définit le texte préformaté
HTML Exercices
HTML Éléments de code informatique
| Balise | Description |
|---|---|
| <code> | Définit le code de programmation |
| <kbd> | Définit la saisie au clavier |
| <samp> | Définit la sortie de l'ordinateur |
| <var> | Définit une variable |
| <pre> | Définit le texte préformaté |
Pour une liste complète de toutes les balises HTML disponibles, visitez notre Référence des balises HTML.
