FORMATAGE DE TEXTE EN HTML

Votre page contiendra très certainement du texte. Pour ne pas lasser le lecteur, ou pour mettre un mot  en évidence, vous voudrez changer le style de votre texte. Maintenant que vous connaissez les principaux composants d'une page html, nous allons voir en action les différentes balises permettant de formater le texte.


<i> et </i>
<i>ceci est un texte en italique</i>

<u> et </u>
<u>ceci est un texte souligné</u>

<b> et </b>
<b>ceci est un texte en gras</b>

Les titres

Pour mettre en évidence vos données, les balises de titre sont les plus adaptées.
<h1>Titre 1</h1>
<h2>Titre 2</h2>
<h3>Titre 3</h3>
<h4>Titre 4</h4>
<h5>Titre 5</h5>
<h6>Titre 6</h6>

<strike> et </strike>
<strike>ceci est un texte barré</strike>

<center> et </center>

<center>voici un paragraphe que j'ai du allonger pour vous montrer que effectivement il était centré grâce aux balises qui sont de chaque côté, en début de phrase et en fin de phrase... D'ailleurs, je vais continuer pour que vous vous en rendiez compte !!!</center>

<div align="left"> et </div>
<div align="left">Par contre, cette portion de paragraphe a été alignée à gauche de la page grâce à l'action de cette balise <div align=""> mais nous aurions tout aussi bien pu aligner notre texte à droite avec <div align="right"> et nous aurions obtenu l'effet inverse, un alignement du côté droit de la page...Cependant, notez bien la commande de fermeture de cette balise... </div>

<font face="la_police_de_votre_choix" color="votre_couleur_en_ANGLAIS_uniquement" size="1_ou_3_ou..."> et se referme avec </font>
Cette balise possède des propriétés "personnalisables", ie, que vous pouvez modifier à volonté !
Gardez cependant à l'esprit que les polices exotiques ne sont pas correctement lues par tous les navigateurs !

<br> (l'une des rares balises que vous n'aurez pas à refermer)
Vous utiliserez<br>
cette balise<br>
pour pouvoir<br>
passer à la ligne quand<br>
vous le<br>
voulez !!!

Formatage de texte simple

Les balises suivantes vous seront utiles :

Pour mettre un texte en caractère gras	<b>Oui</b>	Oui
Vous pouvez égallement utiliser la balise	<strong>Non</strong>	Non
Pour mettre un texte en italique	<i>Vous</i>	Vous
Vous pouvez égallement utiliser la balise	<em>Nous</em>	Nous
Pour souligner un texte	<u>hier</u>	Hier
Pour barrer un texte	<del>hier</del>	Hier
Mettre un texte en exposant	1<sup>er</sup>	1er
Mettre un texte en indice	H<sub>2O</sub>	H2O
Pour agrandir votre texte	<big>Grand</big>	Grand
Pour rapetisser votre texte	<small>Petit</small>	Petit
Pour signaler une citation	<cite>Citation</cite>	Citation

Il n'est pas rare d'utiliser plusieurs balises pour un même élément de texte. Il faut veiller à bien respecter l'ordre des balises entrantes et sortantes.
<b><i>Bon</i></b> Bon est correct
<b><i>...</b></i> fonctionne mais est fortement déconseillé

Il faut savoir qu'en les utilisant, un saut de paragraphe est généré par le navigateur après la balise sortante.

Quelques balise plus particulières

Les navigateurs ne reconnaissent qu'un espace entre les mots. Ce qui peut se révéler gênant dans certaines situations.
La balise <pre> </pre> affiche un texte dit préformaté. Le navigateur prend ainsi en compte tous les espaces et sauts de ligne définis à l'écran.

La balise <adress>...</adress> vous permet d' indiquer une adresse .

Un saut de ligne se fait avec une des rares balise non fermante <br>. Il ne faut pas confondre le saut de ligne avec la balise paragaphe <p>.