Formatage du texte



Mise en forme 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.

Séparateurs de texte

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.

Retours à la ligne

<BR>
Retour à la ligne (Line Break), indique au navigateur qu'il doit afficher le texte sur la ligne suivante.
Exemple :
Ici, mon texte
sans retours à la ligne.
Ici, mon texte sans retours à la ligne.
Ici, mon texte<BR>
avec un retours à la ligne.
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>
mon texte avec trois sauts de ligne.
Ici,


mon texte avec trois sauts de ligne.
<BR CLEAR="ALL|LEFT|RIGHT>"
Permet d'aligner du texte (à droite ou à gauche) par rapport à une image ou un tableau en créant un effet de flottement.
Retour à la ligne défendu
<NOBR> ... </NOBR>
Permet de déterminer la longueur des lignes indépendamment de la taille de la fenêtre en cours.
<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>
Permet de déterminer un retour à la ligne à l'intérieur des commandes <NOBR> ... </NOBR>.

Paragraphes

<P> ... </P>
Paragraphe, permet définir le contenu d'un paragraphe en provoquant un saut de ligne au début et à la fin du texte ainsi défini.
<P>
Permet d'insérer un paragraphe dans la mesure où <P>, employé comme une fonction, provoque un saut de ligne.
Exemple :
Voici ne ligne.
<P>Puis une nouvelle ligne.</P>
Etc.
Voici une ligne.

Puis une nouvelle ligne.

Etc.

Attributs de paragraphe
<P ALIGN="LEFT|CENTER|RIGHT">
Définit l'alignement d'un paragraphe à droite, au centre ou à gauche de la page.
Exemple :
<P ALIGN="LEFT">
Mon texte aligné à gauche</P>

Mon texte aligné à gauche

<P ALIGN="CENTER">
Mon texte aligné au centre</P>

Mon texte aligné au centre

<P ALIGN="RIGHT">
Mon texte aligné à droite</P>

Mon texte aligné à droite



Division en sections

<DIV> ... <DIV>
Division, permet de définir le contenu d'une section comme la fonction <P> ... </P> définit le contenu d'un paragraphe
<DIV ALIGN="LEFT|CENTER|RIGHT">
Définit l'alignement de la section au centre, à gauche ou à droite de la page.
Exemple :
<DIV ALIGN="LEFT">
Ma section alignée à gauche</DIV>
Ma section alignée à gauche
<DIV ALIGN="CENTER">
Ma section alignée au centre</DIV>
Ma section alignée au centre
<DIV ALIGN="RIGHT">
Ma section alignée à droite</DIV>
Ma section alignée à droite


Centrage

<CENTER> ... </CENTER>
Centrage, permet de centrer un objet (texte, tableau, image, etc.) en milieu de page.
Exemple :
<CENTER>
Mon texte centré
</CENTER>
Mon texte centré


Retrait

<BLOCKQUOTE> ... </BLOCKQUOTE>
Retrait , permet de placer du texte en retrait par rapport à la marge de gauche de la page.
Exemple :
Mon texte
<BLOCKQUOTE>
en retrait par rapport à la marge marge de gauche.
</BLOCKQUOTE>
Mon texte
en retrait par rapport à la marge de gauche.



Traits de séparation

<HR>
Trait horizontal (Horizontal Rule), trace un trait de séparation avec un effet de profondeur sur la page.
Exemple :
Texte au-dessus.
<HR>
Texte au-dessous.
Texte au-dessus.
Texte au-dessous.
<HR NOSHADE>
Trace un trait de séparation sans effet de profondeur.
Exemple :
Texte au-dessus.
<HR NOSHADE>
Texte au-dessous.
Texte au-dessus.
Texte au-dessous.

Attributs des traits
<HR WIDTH="?|%"> ou <HR NOSHADE WIDTH="?|%">
Définit la largeur du trait de séparation (en pixel ou en pourcentage par rapport à la page).
Exemple :
<HR WIDTH="100">
<HR WIDTH="50%">

<HR NOSHADE WIDTH="70%">

<HR SIZE=?> ou <HR NOSHADE SIZE="?">
Définit l'épaisseur du trait (en pixel).
Exemple :
<HR WIDTH="100" SIZE="15">
<HR NOSHADE WIDTH="70%" SIZE="10">

<HR ALIGN="LEFT|CENTER|RIGHT"> ou <HR NOSHADE ALIGN="LEFT|CENTER|RIGHT">
Justifie l'alignement du trait de séparation à droite, au centre ou à gauche de la page.
Exemple :
<HR WIDTH="55%" ALIGN="LEFT">

<HR WIDTH="55%" ALIGN="CENTER">

<HR WIDTH="55%" ALIGN="RIGHT">



Spécificité NetScape Espace de séparation

<SPACER...>
Espace, permet d'insérer un bloc d'espace vide dans la page sur le plan horizontal et/ou vertical.
Attributs :
TYPE="HORIZONTAL|VERTICAL|BLOCK"
Type d'espacement : horizontal, vertical ou bloc d'espace vide.
HEIGHT="?"
Spécifie la hauteur de l'espacement en pixel.
WIDTH="?"
Spécifie la largeur de l'espacement en pixel.
ALIGN="TOP|BOTTOM|MIDDLE|LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|BOTTOM"
Alignement de l'espacement, notamment dans le cas du type BLOCK.
SIZE="?"
Spécifie la dimension de l'espace vide en pixel, notamment dans le cas des types HORIZONTAL ou VERTICAL.



Réalisation : Lise-Emilie Lévy - Dernière modification le 18 août 1999 - © 1997/1998