HTML Mise en forme du texte


HTML contient plusieurs éléments permettant de définir le texte avec une signification particulière.


Exemple

Ce texte est en gras

Ce texte est en italique

Ceci est en indice et en exposant

Essayez-le vous-même »

Éléments de mise en forme HTML

Les éléments de mise en forme ont été conçus pour afficher des types spéciaux de texte :

  • <b> - Texte en gras
  • <strong> - Texte important
  • <i> - Texte en italique
  • <em> - Texte souligné
  • <mark> - Texte marqué
  • <small> - Texte plus petit
  • <del> - Texte supprimé
  • <ins> - Texte inséré
  • <sub> - Texte en indice
  • <sup> - Texte en exposant

Éléments HTML <b> et <strong>

L'élément HTML <b> définit un texte en gras, sans importance supplémentaire.

Exemple

<b>Ce texte est en gras</b>
Essayez-le vous-même »

L'élément HTML <strong> définit un texte d'importance forte. Le contenu à l'intérieur est généralement affiché en gras.

Exemple

<strong>Ce texte est important !</strong>
Essayez-le vous-même »


Éléments HTML <i> et <em>

L'élément HTML <i> définit une partie du texte dans une voix ou un ton alternatif. Le contenu à l'intérieur est généralement affiché en italique.

Astuce : La balise <i> est souvent utilisée pour indiquer un terme technique, une phrase d'une autre langue, une pensée, un nom de navire, etc.

Exemple

<i>Ce texte est en italique</i>
Essayez-le vous-même »

L'élément HTML <em> définit un texte souligné. Le contenu à l'intérieur est généralement affiché en italique.

Astuce : Un lecteur d'écran prononcera les mots en <em> avec une emphase, en utilisant un stress verbal.

Exemple

<em>Ce texte est souligné</em>
Essayez-le vous-même »

Éléments HTML <small>

L'élément HTML <small> définit un texte plus petit :

Exemple

<small>Ceci est un texte plus petit.</small>
Essayez-le vous-même »

Éléments HTML <mark>

L'élément HTML <mark> définit un texte qui doit être marqué ou surligné :

Exemple

<p>N'oubliez pas d'acheter <mark>du lait</mark> aujourd'hui.</p>
Essayez-le vous-même »

Éléments HTML <del>

L'élément HTML <del> définit un texte qui a été supprimé d'un document. Les navigateurs barrent généralement le texte supprimé :

Exemple

<p>Ma couleur préférée est <del>bleu</del> rouge.</p>
Essayez-le vous-même »

Éléments HTML <ins>

L'élément HTML <ins> définit un texte qui a été inséré dans un document. Les navigateurs soulignent généralement le texte inséré :

Exemple

<p>Ma couleur préférée est <del>bleu</del> <ins>rouge</ins>.</p>
Essayez-le vous-même »

Éléments HTML <sub>

L'élément HTML <sub> définit un texte en indice. Le texte en indice apparaît à moitié en dessous de la ligne normale et est parfois rendu dans une police plus petite. Le texte en indice peut être utilisé pour des formules chimiques, comme H 2 O :

Exemple

<p>Ceci est un texte <sub>en indice</sub>.</p>
Essayez-le vous-même »

Éléments HTML <sup>

L'élément HTML <sup> définit un texte en exposant. Le texte en exposant apparaît à moitié au-dessus de la ligne normale et est parfois rendu dans une police plus petite. Le texte en exposant peut être utilisé pour des notes de bas de page, comme WWW [1] :

Exemple

<p>Ceci est un texte <sup>en exposant</sup>.</p>
Essayez-le vous-même »


Éléments de mise en forme du texte HTML

Balise Description
<b> Définit un texte en gras
<em> Définit un texte souligné
<i> Définit une partie du texte dans une voix ou un ton alternatif
<small> Définit un texte plus petit
<strong> Définit un texte important
<sub> Définit un texte en indice
<sup> Définit un texte en exposant
<ins> Définit un texte inséré
<del> Définit un texte supprimé
<mark> Définit un texte marqué/surligné

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


Vidéo : Mise en forme HTML