HTML et CSS

Balises de formatage

Il existe deux façons de formater du texte en HTML

• soit en appliquant des balises qui indiquent directement le format à donner au texte : gras, souligné...
• soit en appliquant des balises qui indiquent pourquoi on veut donner au texte un format particulier (parce qu'il est important, parce que c'est une citation, parce qu'il signale une erreur...)

Dans tous les cas le texte à formater est écrit entre les deux balises ouvrantes et fermantes.
La seconde méthode est à préférer dans la plupart des cas, parce qu'elle permet des présentations plus homogène, est plus logique d'emploi avec CSS, et permet d'améliorer l'accessibilité des documents. Certaines balises de formatage direct ont d'ailleurs été supprimées en HTML5. Toutefois, la première méthode reste pratique pour certains cas.

Balises de formatage direct

<b> pour bold	: texte en gras
<u> pour underline	: texte souligné
<i> pour italic	: texte en italique
<sup> pour superscript	: texte en exposant
<sub> pour subscript	: texte en indice

Balises de formatage indirect

Lorsqu'on utilise ces balises, on ne sait pas à priori exactement comment le navigateur va les rendre, en théorie (dans les faits, tous les navigateurs font plus ou moins la même chose). Il en existe beaucoup, on va juste en citer quelques unes parmi les plus utiles.

L'aspect correspondant à chacune des balises de formatage peut très facilement être personnalisé avec CSS : on pourra par exemple faire que tous les textes <strong> apparaissent en rouge et en gros caractères.

texte important :	<strong>	un texte important
texte à mettre en évidence:	<em>(pour emphasize)	un texte mis en évidence
citation courte:	<q>	une citation
texte supprimé :	<del>	un texte supprimé
texte inséré :	<ins>	un texte inséré (typiquement, suit un texte supprimé)
texte préformaté	<pre>	Un texte préformaté est affiché avec la même disposition (espaces, sauts de ligne) que dans le fichier source