Les balises HTML permettent de mettre en forme une page web en structurant et en stylisant son contenu. Nous allons voir dans ce tutoriel les balises de mise en forme les plus couramment utilisées en HTML :

1. Balise de Titres et entêtes

<h1>  ...  </h1>   jusqu'à  <h6> ... </h6> : Définit des niveaux de titres, <h1> étant le plus important et <h6> le moins important.

Exemple

Ce qui affiche au navigateur:

2. Balise de Saut de ligne

<br> :  Insère un saut de ligne (sans fermeture).

Exemple

3. Balise de Paragraphes

<p> ... </p> : Définit un paragraphe de texte.

Exemple

4. Styles de texte

1. <em> ... </em> :  Met le texte en italique (emphase).
2. <strong> ... </strong> :  Met le texte en gras (importance).
3. <b> ... </b> : Met le texte en gras (importance).
   
4. <u> ... </u> :  Souligne le texte.
5. <s> ... </s> :  Biffe le texte (pour indiquer une suppression).
6. ^... :  Texte en exposant.
7. _... :  Texte en indice.

5. Mises en forme globales

1. <div> ... </div> :  Regroupe des éléments pour les styliser ensemble ou appliquer des styles CSS.
2. <span> ... </span> :  Applique des styles à une partie spécifique de texte.

6. La balise <font>...</font>

<font> ... </font> :  agit sur le texte: taille, couleur...

Exemple

7. Balises de commentaires

<!-- ... --> : Permet d'insérer des commentaires dans le code HTML, qui ne seront pas affichés dans la page.

Ceci est une liste non exhaustive des balises de mise en forme en HTML. Noter bien qu'il faut utiliser ces balises de manière appropriée pour assurer une bonne structure et une bonne accessibilité de votre contenu web.
 

Younes Derfoufi
CRMEF OUJDA