HTML Éléments de Code Informatique


HTML contient plusieurs éléments pour définir l'entrée utilisateur et le code informatique.


Exemple

<code>
x = 5;
y = 6;
z = x + y;
</code>
Essayez-le vous-même »

HTML <kbd> Pour l'Entrée Clavier

L'élément HTML <kbd> est utilisé pour définir l'entrée clavier. Le contenu à l'intérieur est affiché dans la police à espacement fixe par défaut du navigateur.

Exemple

Définissez un texte comme entrée clavier dans un document :

<p>Enregistrez le document en appuyant sur <kbd>Ctrl + S</kbd></p>

Résultat :

Enregistrez le document en appuyant sur Ctrl + S
Essayez-le vous-même »

HTML <samp> Pour la Sortie de Programme

L'élément HTML <samp> est utilisé pour définir une sortie d'exemple d'un programme informatique. Le contenu à l'intérieur est affiché dans la police à espacement fixe par défaut du navigateur.

Exemple

Définissez un texte comme sortie d'exemple d'un programme informatique dans un document :

<p>Message de mon ordinateur :</p>
<p><samp>Fichier non trouvé.<br>Appuyez sur F1 pour continuer</samp></p>

Résultat :

Message de mon ordinateur :

Fichier non trouvé.
Appuyez sur F1 pour continuer

Essayez-le vous-même »


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 à espacement fixe par défaut du navigateur.

Exemple

Définissez un texte comme code informatique dans un document :

<code>
x = 5;
y = 6;
z = x + y;
</code>

Résultat :

x = 5; y = 6; z = x + y;
Essayez-le vous-même »

Préserver les Sauts de Ligne

Remarquez que l'élément <code> ne préserve PAS les espaces supplémentaires et les sauts de ligne.

Pour préserver les espaces supplémentaires et les sauts de ligne, vous pouvez placer l'élément <code> à l'intérieur d'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;
Essayez-le vous-même »

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éfinissez un 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 :

L'aire d'un triangle est : 1/2 x b x h , où b est la base, et h est la hauteur verticale.
Essayez-le vous-même »

Résumé du Chapitre

  • L'élément <kbd> définit l'entrée clavier
  • L'élément <samp> définit la sortie d'exemple 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 un texte préformaté


Éléments de Code Informatique HTML

Tag Description
<code> Définit le code de programmation
<kbd> Définit l'entrée clavier
<samp> Définit la sortie informatique
<var> Définit une variable
<pre> Définit un texte préformaté

Pour une liste complète de tous les tags HTML disponibles, visitez notre Référence des Tags HTML .