Formatage

10 min 8 exercices Niveau 3

Le langage HTML met à disposition un certain nombre de balises permettant de pré-formater un texte. Cela va indiquer au navigateur comment afficher un élément, bien que pour certaines balises de pré-formatage, il n’existe pas de règles d’affichages précises.

Éléments de formatage HTML

Les balises de pré-formatages sont utilisées afin d’indiquer au navigateur qu’un élément doit s’afficher d’une certaine manière.

Voici la liste des balises de pré-formatages, mises à disposition par le HTML :

  • <b></b> Permet de mettre du texte en gras (bold, en anglais).
  • <strong></strong> est généralement pour mettre en valeur un texte important. Il n’existe pas de règle d’affichage précise par les navigateurs pour ces éléments; néanmoins ils sont, en général, affichés en gras.
  • <i></i> permet de mettre du texte en italique.
  • <em></em> définit une partie de texte - généralement un mot - à mettre en valeur. C’est une emphase. L’emphase est généralement utilisée pour insister sur un mot. De manière générale, le navigateur affiche le texte écrit entre ces balises en italique.
  • <mark></mark> Définit un texte à mettre en évidence, un texte à “marquer”.
  • <small></small> Permet de rendre un texte plus petit.
  • <del></del> Défini un texte supprimé. Généralement, le navigateur supprime une ligne du paragraphe se trouvant entre ces balises.
  • <ins></ins> Définit un texte inséré. De manière générale, un texte inséré est souligné par le navigateur, lors de l’affichage.
  • <sub></sub> Définit un indice mathématique. L’indice est placé légèrement sous l’élément qui le précède et dans une police plus petite.
  • <sup></sup> Définit un exposant, comme en mathématiques. Un exposant, par exemple, est le “me” de “Mme” qui est généralement placé un peu au-dessus du “M”, dans une taille de police plus petite.

Éléments <i> et <em>

L’élément <i></i> permet de mettre un texte en italique, tandis que <em></em> permet d’insister sur un mot. Ce mot est généralement affiché en italique, pour montrer que l’auteur du texte insiste particulièrement sur ce mot.

Exemple avec <i></i> :

<i>Le texte est en italique</i>

Exemple avec <em></em> :

<em>Insistance</em>

Élément <small>

logo discord

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !

En savoir plus