MEILLEUR SITE POUR LES DÉVELOPPEURS WEB
HTML5 Cours pour débutants

En Ua Es De

HTML Formatage du texte


Le HTML contient plusieurs éléments permettant de définir un texte ayant une signification particulière.


Exemple

Ce texte est en gras

Ce texte est en italique

Voici indice et exposant

Try it Yourself »

Éléments de formatage HTML

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

  • <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 d'indice
  • <sup> - Texte en exposant

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

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

Exemple

<b>Ce texte est en gras</b>
Try it Yourself »

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

Exemple

<strong>Ce texte est important !</strong>
Try it Yourself »

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

L'élément HTML <i> définit une partie du texte dans une voix ou une ambiance alternative. 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 expression d'une autre langue, une pensée, un nom du navire, etc.

Exemple

<i>Ce texte est en italique</i>
Try it Yourself »

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

Astuce : Un lecteur d'écran prononcera les mots <em> avec une emphase, en utilisant l'accentuation verbale.

Exemple

<em>Ce texte est souligné</em>
Try it Yourself »

HTML <small> Élément

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

Exemple

<small>Ceci est un texte plus petit.</small>
Try it Yourself »

Élément HTML <mark>

L'élément HTML <mark> définit le texte qui doit être marqué ou mis en surbrillance :

Exemple

<p>N'oubliez pas d'acheter du <mark>lait</mark> aujourd'hui.</p>
Try it Yourself »

Élément HTML <del>

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

Exemple

<p>Ma couleur préférée est le <del>bleu</del> rouge.</p>
Try it Yourself »

Élément 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>
Try it Yourself »

Élément HTML

L'élément HTML <sub> définit le texte en indice. Le texte en indice apparaît un demi-caractère en dessous de la ligne normale et est parfois rendu dans une police plus petite. Le texte en indice peut être utilisé pour les formules chimiques, comme H2O:

Exemple

<p>Il s'agit d'un texte <sub>indiqué</sub>.</p>
Try it Yourself »

Élément HTML <sup>

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

Exemple

<p>Il s'agit d'un texte <sup>en exposant</sup>.</p>
Try it Yourself »

HTML Exercices

Testez-vous avec des exercices

Exercice :

Ajoutez une importance particulière au mot "degradation" (« dégradation ») dans le paragraphe ci-dessous.

<p>
WWF's mission is to stop the degradation of our planet's natural environment.</p>


HTML Éléments de formatage du texte

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

Pour une liste complète de toutes les balises HTML disponibles, visitez la Référence des balises HTML sur notre site Web W3SchoolsFR. Le meilleur.


HTML - Formatage - Vidéo W3Schools

Cette vidéo montre comment formater du texte en HTML.

Fait partie d'une série de didacticiels vidéo pour apprendre le HTML pour les débutants !



Commentaires