Jeudi 24 avril 2025

Visiteurs : 13907

Le HTML

Formatage de texte

Le formatage du texte peux se faire à l'aide de nombreuse balises et beaucoup sont inutiles parce qu'elles ne change en rien l'apparence de votre texte ou parce qu'une autre balise fait la choses. Parmi ces balises se trouve la balise <font> qui permets de définir la police, la couleur et la taille du texte.

Exemple : <font face="Times New Roman" color="blue" size=2>Un texte en Times New Roman écrit en bleu avec une taille de 2</font>
Un texte en Times New Roman écrit en bleu avec une taille de 2

Je tiens à signaler que la couleur des textes est préformatée. Seul le petit bout de code d'exemple de la balise <font> ci-dessus à la couleur forcée à bleu. Le reste du site est donc préformaté, c'est pour cela que d'autres éléments peuvent apparaître en couleur sans formatage visible au niveau du code fourni à coté. J'ai préféré laisser ce préformatage ici même s'il aurait mieux valut l'éviter afin de mettre en valeur la différence entre les titre par niveau.

Il a aussi les fameux titres par niveau de 1 à 6 (du plus grand au plus petit). Ces balises sont <h1>, <h2>, <h3>, <h4>, <h5> et <h6>.

Les titres par niveau font partie de ce qu'on appelle des conteneurs. Un conteneur peux contenir des balises de format définit (voir ci-dessous) mais il faut éviter de faire l'inverse. La particularité des conteneurs est qu'ils vont automatiquement à la ligne. On ne peut accoler un texte qui n'est pas compris dans un conteneur avec un texte qui est compris dedans, on aurait une partie du texte sur une ligne et l'autre partie sur la ligne d'en dessous.

Un autre conteneur est le paragraphe (<p>Paragraphe</p>)

Exemple :<h1>Titre de niveau 1</h1><h2>Titre de niveau 2</h2><h3>Titre de niveau 3</h3><h4>Titre de niveau 4 </h4><h5>Titre de niveau 5</h5><h6>Titre de niveau 6</h6>

Titre de niveau 1

Titre de niveau 2

Titre de niveau 3

Titre de niveau 4

Titre de niveau 5

Titre de niveau 6

Viennent ensuite les balises de format définit. Il n'y a, ici, que les plus importantes puisque comme beaucoup sont inutiles comme je l'ai dit plus haut.

<b>Gras</b> : Gras
<kbd>Clavier</kbd> : Clavier
<i>Italique</i> : Italique
<s>Barré</s> : ~~Barré~~
Texte en <sup>exposant</sup> : Texte en ^exposant
Texte en <sub>indice</sub> : Texte en _indice
<u>Souligné</u> : Souligné

La balise <br> permet de sauter une ligne un peu comme le ferait la balise <p> mais sans espace entre les lignes.

Enfin, il existe l'attribut "align" que l'on place dans un conteneur afin d'aligner le texte soit vers la gauche, soit vers la droite, le centrer, ou le justifier.

<h1 align="left">Aligné à gauche</h1>

Aligné à gauche

<h2 align="right">Aligné à droite</h2>

Aligné à droite

<h3 align="center">Centré</h3>

Centré

<h4 align="justify">Justifié</h4>