10.1 Début du formatage
Le formatage du texte avec les balises <b>, <strong>, <i>, <em>, <u> et <small> permet aux développeurs web d'améliorer la lisibilité et de mettre en avant certaines parties du texte. Chacune de ces balises a une utilisation spécifique :
<b>: texte en gras sans signification supplémentaire<strong>: texte en gras avec accent sur l'importance<i>: texte en italique pour une emphase stylistique<em>: texte en italique avec une emphase logique ou sémantique<u>: texte souligné pour une emphase visuelle<small>: texte en petit pour des informations secondaires
Comprendre et utiliser correctement ces balises aide à créer des pages web plus claires et visuellement attrayantes.
Les principales balises pour le formatage de texte
Balise <b> et <strong>
La balise <b> est utilisée pour mettre le texte en gras sans signification sémantique particulière. La balise <strong> met aussi le texte en gras, mais lui donne une signification sémantique supplémentaire, indiquant l'importance ou la signification du texte.
<p>Ce texte est <b>gras</b>, et ce texte est <strong>très important et gras</strong>.</p>
Balise <i> et <em>
La balise <i> est utilisée pour mettre le texte en italique sans signification sémantique particulière. La balise <em> met le texte en italique et indique une emphase ou une importance du texte.
<p>Ce texte est <i>italique</i>, et ce texte est <em>très important et italique</em>.</p>
Balise <u> et <ins>
La balise <u> est utilisée pour souligner le texte. La balise <ins> souligne aussi le texte, mais elle est utilisée pour indiquer un texte inséré, ce qui a du sens dans le contexte du suivi des modifications.
<p>Ce texte est <u>souligné</u>, et ce texte est <ins>inséré et souligné</ins>.</p>
Balise <s> et <del>
La balise <s> est utilisée pour barrer le texte. La balise <del> barre aussi le texte, mais elle indique une suppression de texte, ce qui a du sens dans le contexte du suivi des modifications.
<p>Ce texte est <s>barré</s>, et ce texte est <del>supprimé et barré</del>.</p>
Balise <mark>
La balise <mark> est utilisée pour mettre en surbrillance un texte qui a une signification spéciale ou une importance dans le contexte actuel. Le texte à l'intérieur de <mark> est affiché avec un fond jaune.
<p>Ce texte est <mark>en surbrillance</mark> pour attirer l'attention.</p>
Balise <small>
La balise <small> est utilisée pour afficher un texte de taille plus petite par rapport au texte normal.
<p>Ceci est le texte principal, et ceci est du <small>texte petit</small>.</p>
Balise <sub> et <sup>
Les balises <sub> et <sup> sont utilisées pour créer un texte en indice et en exposant respectivement.
<p>Ceci est un texte avec un indice H<sub>2</sub>O et un exposant x<sup>2</sup>.</p>
10.2 Sauts de ligne
Balise <br>
La balise <br> est utilisée pour insérer un saut de ligne qui déplace le texte à la ligne suivante sans créer un nouveau paragraphe.
<p>Ceci est un texte avec un saut de ligne<br>à l'intérieur d'un seul paragraphe.</p>
Balise <hr>
La balise <hr> est utilisée pour insérer une ligne horizontale qui sépare visuellement le contenu sur la page web.
<p>Texte au-dessus de la ligne.</p>
<hr>
<p>Texte en dessous de la ligne.</p>
GO TO FULL VERSION