Réaliser sa page Web
   Leçon 12 : Quelques astuces

Les lignes horizontales


Revenons sur les lignes de séparation : plus haut, nous avons vu qu'il était possible de créer une barre de séparation horizontale entre deux sections grâce à l'instruction <HR>
A cette instruction nous pouvons ajouter différents attributs :

  • SIZE : taille en valeur (la syntaxe est par exemple SIZE="5").
  • WIDTH : largeur en valeur ou pourcentage (WIDTH="100" ou WIDTH="50%").
  • ALIGN : alignement avec comme valeur LEFT, RIGHT ou CENTER (ex: ALIGN="LEFT").
  • NOSHADE : pas d'ombre sous la barre.

Quelques exemples :
<HR SIZE="8" WIDTH="15"0>


<HR NOSHADE WIDTH="60%">
<HR SIZE="15" WIDTH="200" ALIGN="RIGHT">


A noter : Internet Explorer vous permet de spécifier la couleur de la barre horizontale.
Voici la syntaxe <HR COLOR="nom_de_la_couleur"> ou <HR COLOR="#rrggbb">

L'instruction FONT


Cette instruction permet d'augmenter, de diminuer la taille d'une partie du texte. Cet aussi grâce à cette instruction que vous pourrez modifier la couleur d'une partie du texte. Notons que la taille par défaut est de 3.
Voici les attributs possibles :

  • SIZE : modifier la taille du texte (ex: SIZE="5" ou SIZE="+2", +2 va augmenter de 2 tailles la taille de la police de caractère).
  • COLOR : couleur du texte.

Voici quelques exemples :
<FONT SIZE="+1">E</FONT>xemple 1. donne Exemple 1.
<FONT SIZE="+2">E</FONT>xemple 2. donne Exemple 2.
<FONT SIZE=+3>E</FONT>xemple 3. donne Exemple 3.
<FONT COLOR="#0000FF">E</FONT>xemple 4. donne Exemple 4.
<FONT COLOR="PINK">E</FONT>xemple 5. donne Exemple 5.

Internet Explorer et Netscape Navigator fonctionnent de deux manières différentes : pour Netscape Navigator il sera nécessaire d'utiliser l'instruction FONT dans toutes les cellules d'un tableau, alors qu'Internet Explorer utilise la même police entre la balise de début et de fin et cela même si vous insérez un tableau entre <FONT ...> et </FONT>.

L'instruction P


Au séparateur de paragraphes on peut ajouter des attributs supplémentaires :
  • <P ALIGN="RIGHT"> pour justifier le texte à droite
  • <P ALIGN="LEFT"> pour justifier le texte à gauche
  • <P ALIGN="JUSTIFY"> pour justifier le texte à des deux côtés

Dans le cadre d'une utilisation de ces arguments il est préférable de penser à fermer la balise avec </P>.

L'instruction mailto:


Nous avons vu qu'un lien hypertexte peut renvoyer vers une adresse E-Mail et donc ouvrir le logiciel de courrier électronique. Netscape Navigator permet d'ajouter des instructions pour "forcer" le sujet du message.
<A HREF="mailto:ericbon@asi.fr?subject=Le sujet est ajouté automatiquement"> Cliquez-ici </A>
donnera Cliquez-ici

   On résume :
  • Le sujet d'un mailto: s'écrit ?subject=.... collé à la fin de l'adresse E-Mail.
  • Il est plus joli de justifier un paragraphe des deux côtés si celui-ci est dans une cellule de tableau dont la largeur est définie. En dehors d'un tableau, n'oubliez-pas que le texte est élastique et s'adapte à la largeur de la page. En redimensionnant le navigateur le texte va donc se rejustifier.