Tutoriel HTML

ACCUEIL HTML Introduction HTML Éditeurs HTML HTML de base Éléments HTML Attributs HTML En-têtes HTML Paragraphes HTML Styles HTML Formatage HTML Citations HTML Commentaires HTML Couleurs HTML HTMLCSS Liens HTML Images HTML Icône de favori HTML Tableaux HTML Listes HTML Bloc HTML et Inline Cours HTML Identifiant HTML Iframes HTML HTMLJavaScript Chemins d'accès aux fichiers HTML Tête HTML Mise en page HTML HTML réactif Code informatique HTML Sémantique HTML Guide de style HTML Entités HTML Symboles HTML Émojis HTML Jeu de caractères HTML Encodage d'URL HTML HTML contre XHTML

Formulaires HTML

Formulaires HTML Attributs de formulaire HTML Éléments de formulaire HTML Types d'entrée HTML Attributs d'entrée HTML Attributs du formulaire de saisie HTML

Graphiques HTML

Canevas HTML HTML SVG

Médias HTML

Médias HTML Vidéo HTML Audio HTML Modules externes HTML YouTube HTML

API HTML

Géolocalisation HTML Glisser/déposer HTML Stockage Web HTML Travailleurs Web HTML HTML SSE

Exemples HTML

Exemples HTML Questionnaire HTML Exercices HTML Certificat HTML Résumé HTML Accessibilité HTML

Références HTML

Liste de balises HTML Attributs HTML Attributs globaux HTML Prise en charge du navigateur HTML Événements HTML Couleurs HTML Canevas HTML HTML Audio/Vidéo Doctypes HTML Jeux de caractères HTML Encodage d'URL HTML Codes de langue HTML Messagerie HTTP Méthodes HTTP Convertisseur PX en EM Raccourcis clavier

Éléments de code informatique HTML


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


Exemple

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

HTML <kbd> pour la saisie au clavier

<kbd>L' élément HTML 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éfinissez du texte comme saisie au clavier dans un document :

<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>

Résultat:

Save the document by pressing Ctrl + S

HTML <samp> pour la sortie du programme

<samp>L' élément HTML 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 from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

Résultat:

Message from my computer:

File not found.
Press F1 to continue



HTML <code> pour le code informatique

<code>L' élément HTML 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éfinissez du texte en tant que 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' <code>élément ne conserve pas les espaces blancs et les sauts de ligne supplémentaires.

Pour résoudre ce problème, vous pouvez placer l' <code>élément à l'intérieur d'un <pre>élément :

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éfinissez du texte en tant que variables dans un document :

<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>

Résultat:

The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.

Résumé du chapitre

  • L' <kbd>élément définit la saisie au clavier
  • L' <samp>élément définit un exemple de sortie d'un programme informatique
  • L' <code>élément définit un morceau de code informatique
  • L' <var>élément définit une variable en programmation ou dans une expression mathématique
  • L' <pre>élément définit le texte préformaté

Exercices HTML

Testez-vous avec des exercices

Exercer:

Définissez le texte "var person ;" comme code de programmation.

<p>Exemple de code :était personne;</p>


Éléments de code informatique HTML

Tag Description
<code> Defines programming code
<kbd> Defines keyboard input 
<samp> Defines computer output
<var> Defines a variable
<pre> Defines preformatted text

Pour une liste complète de toutes les balises HTML disponibles, consultez notre Référence des balises HTML .