Mise en forme du texte

1 Les balises

1.1 De paragraphe

Il s'agit d'une balise toute simple : <p>
Il faut l’ouvrir quand on commence un paragraphe, et la fermer quand on termine celui-ci :

<p> exemple </p>

1.2 De Retour à la ligne

On remarque le slash final qui indique que c'est une balise solitaire.
On peut jouer avec les paragraphes et les sauts à la ligne genre :

 <p>   exemple  <br/> exemple2  </p> 

Ça écrira tout simplement

exemple

exemple2

1.3 Balises d'alignement

On peut inclure un attribut d’alignement dans la balise de paragraphe.
C’est l'attribut align. Il permet de placer le texte soit à gauche de la page (valeur left), soit à droite (valeur right), soit au centre (valeur center).
Exemple :

<p align="right"> exemple </p>

1.4 D'importance

On peut mettre un paragraphe un peu plus en valeur.
Pour cela, on va utiliser les balises <hx> où x désigne un nombre entier naturel entre 1 et 6.

Cette famille de balises modifie l'importance accordée aux éléments compris entre les deux balises ouvrante et fermante. Plus on se rapproche de 1, plus le texte est important. Et inversement si on s'en éloigne :

 <p> <h1> exemple </h1> </p>

1.5 Italique, grasse et le soulignement

Pour mettre un texte en italique, il faudra employer la balise :

<em></em>

pour le mettre en gras, ce sera :

<strong></strong>

tandis que pour le souligne, ce sera :

<u></u>

1.6 Indices et exposants

Pour les exposants, c'est la balise :

<sup></sup>

tandis que pour les indices, il s'agit de :

<sub></sub>

1.7 BlockQuote

Pour insérer du texte avec une légère marge sur la droite, il est possible d'utiliser cette balise. Il n'y a pas énormément de choses à dire sur celle-ci, si ce n'est qu'il est possible d'en imbriquer plusieurs les unes dans les autres :

<blockquote></blockquote>

1.8 Acronymique

Un acronyme est une abréviation comme C.A.F., P.D.G., S.N.C.F., etc...
Pour s'y retrouver, on peut proposer à nos visiteurs la traduction de ceux-ci, sans surcharger la page.
Pour cela, il suffit d'utiliser la balise : <acronym>.
Elle prend comme argument title la signification de cette acronyme.
Exemple :

la <acronym title=" Société nationale des chemins de fer français "> SNCF </acronym>

Ca affichera « la SNCF ». Si l'internaute pose son curseur de souris dessus, il apparaît une petite bulle dans laquelle s'affiche la signification de cet acronyme.

1.9 La police

Il existe de très nombreuses polices de par le monde.
L’ Internaute ne les possède pas toutes par défaut.
Si celui-ci ne possède pas la police utilisée, eh bien, ce sera la police par défaut, définie par le navigateur, qui sera utilisée. Pas terrible pour l'esthétique... Donc, attention à ne pas choisir de police trop exotique.

<font face="Nom de la police à utiliser"> le texte </font>

On peut aussi modifier la taille de la police utilisée, grâce à l'argument size. Celui-ci prend comme valeur des entiers naturels compris entre 1 et 7.

<font face="Nom de la police à utiliser"size="5"> le texte </font>

1.10 Récapitulatif des balises de bases

Récapitulatif des balises de bases

Balise	Description	Exemple
<i>	pour mettre en italique	essai
<b>	pour mettre en gras	essai
<u>	pour souligner	essai
<small>	pour diminuer la taille des caractères	essai
<big>	pour augmenter la taille des caractères	essai
<sub>	pour mettre en indice	essai
<sup>	pour mettre en exposant	essai
<tt>	pour mettre police de chasse fixe	essai
<s>	pour barrer	essai
<strike>	idem	essai