- · Niveau : DÉBUTANT
- · Compatibilité : Tous les navigateurs
Ce n’est pas à proprement parlé de mise en forme du texte mais il fallait bien la placer cette balise quelque part. Pourquoi ici, eh bien parce qu’elle génère automatiquement un saut de paragraphe tout simplement.
Pour tracer une ligne dans votre document vous devez utiliser la balise <hr /> . Comme je viens de le dire elle génère un saut de paragraphe et n’est pas tellement esthétique. Cette balise ne demande pas de fermeture, il suffit de placer la barre de fermeture directement dans la balise.
Pour faire une ligne plus esthétique, je conseil de faire une table qui ne contient qu’une image de 1 pixel de haut (ou plus) et de la largeur désirée pour faire la ligne. Cette technique est pratique puisqu’elle permet de tracer une ligne directement sous une phrase ou entre deux phrases sans générer de saut de paragraphe. Cette technique est aussi plus esthétique car elle permet de tracer des lignes personnalisables tant au niveau de la couleur que de la grandeur.
Vous pouvez déterminer la grandeur, et l’alignement de la ligne à l’aide des paramètres de la balise <hr /> .
Exemple de la balise <hr>
<hr> = Ligne de deux pixels de haut et de 100% de largeur avec un simili ombrage très douteux.
<hr WIDTH="x%"> une grandeur en pourcentage ex : 50%
<hr WIDTH=y> = Une grandeur fixe ex : 200 pour 200 pixels
<hr SIZE=x> = La hauteur en pixel ex : 1 pixel
<hr ALIGN="center"> = Centrer la ligne
<hr ALIGN="left"> = Aligner à gauche la ligne
<hr ALIGN="right"> = Aligner à droite la ligne
<hr NOSHADE> = Sans simili ombrage douteux.
Exemple de la balise <hr>
<hr WIDTH="50%" SIZE="2" ALIGN="center">
<hr WIDTH="50%" SIZE="1" ALIGN="right">
<hr WIDTH="50%" SIZE="2" ALIGN="left" NOSHADE>
Soit :
Exemples avec une image et une table :
Et son code :
<IMG SRC="image.gif" WIDTH="400" HEIGHT="1" /> |