Formatage du texte |
En plus de la mise en forme des caractères, le HTML offre un certain nombre d'instructions s'appliquant à la mise en forme du texte.
Ces instructions permettent, entre autre, l'insertion de sauts de lignes, la division du texte en paragraphes ou en sections et son alignement dans la page, ainsi que l'affichage de traits de séparation.
Parce qu'il ne suffit pas de taper un retour à la ligne avec la touche entrée dans le code source pour l'afficher dans la page, le langage HTML permet, comme dans un petit traitement de texte, de définir des retours à la ligne et des paragraphes, ainsi que de les justifier à droite, au centre ou à gauche de la page, et de diviser un document en différentes sections comme des chapitres, des extraits et des annexes...
Sans l'indication de ces éléments dans le code source, le texte saisi apparaît sur une seule ligne, les retours à la ligne affichés par le navigateur n'étant que le fait de la taille de la fenêtre en cours.
<BR>
Ici, mon texte |
Ici, mon texte sans retours à la ligne. |
Ici, mon texte<BR> |
Ici, mon texte avec un retours à la ligne. |
En cumulant plusieurs commande <BR>,
on peut obtenir un espace plus ou moins grand entre chaques lignes.
Exemple :
Ici, mon texte sans saut de ligne. |
Ici, mon texte sans saut de ligne. |
Ici,<BR><BR><BR> |
Ici, mon texte avec trois sauts de ligne. |
<BR CLEAR="ALL|LEFT|RIGHT>"
<NOBR> ... </NOBR>
<NOBR> ... </NOBR>
empêche le navigateur d'afficher un saut de ligne entre l'ouverture et la fermeture de la commande et, inversement, la commande<WBR>
provoque un retour à la ligne obligatoire à un endroit précis où elle est insérée.
<WBR>
<NOBR> ... </NOBR>
.<P> ... </P>
<P>
<P>
, employé comme une fonction, provoque un saut de ligne.
Voici ne ligne. |
Voici une ligne. Puis une nouvelle ligne. Etc. |
<P ALIGN="LEFT|CENTER|RIGHT">
<P ALIGN="LEFT"> |
Mon texte aligné à gauche |
<P ALIGN="CENTER"> |
Mon texte aligné au centre |
<P ALIGN="RIGHT"> |
Mon texte aligné à droite |
<DIV> ... <DIV>
<P> ... </P>
définit le contenu d'un paragraphe<DIV ALIGN="LEFT|CENTER|RIGHT">
<DIV ALIGN="LEFT"> |
Ma section alignée à gauche |
<DIV ALIGN="CENTER"> |
Ma section alignée au centre |
<DIV ALIGN="RIGHT"> |
Ma section alignée à droite |
<CENTER> ... </CENTER>
<CENTER> |
<BLOCKQUOTE> ... </BLOCKQUOTE>
Exemple :
Mon texte
<BLOCKQUOTE>
en retrait par rapport à la marge marge de gauche.
</BLOCKQUOTE>Mon texte en retrait par rapport à la marge de gauche.
<HR>
Texte au-dessus. |
Texte au-dessus. Texte au-dessous. |
<HR NOSHADE>
Texte au-dessus. |
Texte au-dessus. Texte au-dessous. |
<HR WIDTH="?|%"> ou <HR NOSHADE WIDTH="?|%">
<HR WIDTH="100"> |
|
<HR WIDTH="50%"> |
|
<HR NOSHADE WIDTH="70%"> |
<HR SIZE=?> ou <HR NOSHADE SIZE="?">
<HR WIDTH="100" SIZE="15"> |
|
<HR NOSHADE WIDTH="70%" SIZE="10"> |
<HR ALIGN="LEFT|CENTER|RIGHT"> ou <HR NOSHADE ALIGN="LEFT|CENTER|RIGHT">
<HR WIDTH="55%" ALIGN="LEFT"> |
|
<SPACER...>
TYPE="HORIZONTAL|VERTICAL|BLOCK"
HEIGHT="?"
WIDTH="?"
ALIGN="TOP|BOTTOM|MIDDLE|LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|BOTTOM"
BLOCK
.SIZE="?"
HORIZONTAL
ou VERTICAL
.