Le langage Html
Les séparateurs

Barre de séparation

Les browsers intègrent un outil de mise en forme intéressant pour clarifier la présentation de votre texte. C'est la ligne horizontale.


La syntaxe en est fort simple:

Ligne horizontale [Horizontal Rule] <HR> Insérer une ligne horizontale

Ce tag fort simple, nous permettra de comprendre un peu mieux le fonctionnement du navigateur. D'abord, vous avez déjà découvert au fil de vos erreurs qu'il est plutôt gentil car il s'efforce toujours d'afficher quelque chose. Ensuite, il vous ménage le travail en prenant à sa charge des valeurs par défaut d'un certain nombre d'attributs. Dans le cas présent, les valeurs par défaut de la balise <HR> sont : une épaisseur de trait de 2 pixels, un alignement centré et une largeur de 100% de la fenêtre. Vous pouvez très bien modifier au gré de votre fantaisie les valeurs de ces différents attributs.

Epaisseur <HR size=?> en pixels
Largeur <HR width=?>
<HR width="%">
en pixels
en % de la fenêtre
Alignement <HR align=left>
<HR align=right>
<HR align=center>

gauche
droite
centré

Il est donc tout à fait équivalent d'écrire:

  • <HR> ou
  • <HR size=2 align=center width="100%"

Je vous propose un petit exercice:


Avec l'éditeur de texte

<H3 align=center>Van Lancker Luc</H3>
<HR align=center size=8 width="50%">

Avec le browser

Commentaires

    • On préférera spécifier la largeur en % de la fenêtre plutôt qu'en pixels car l'affichage s'adaptera ainsi à toutes les tailles et résolutions d'écran.
    • On peut préférer l'usage d'images comme séparateur (comme c'est la cas ici) pour personnaliser son ouvrage.