Le formatage de la page HTML
Il est possible de définir de nombreuses options de mise en page dès le début de l'encodage html, pour les couleurs du texte, du fond de page et des liens, pour les largeurs de marges, les images d'arrière-plan, etc.
Ces balises se placent au début dans le champ <body>:
Exemple : <body text="#000000">
Exemple : <body bgcolor="#0099CC">
Exemple : <body link="#003366">
Exemple : <body alink="#00FF00">
Exemple : <body vlink="#CCFF66">
Exemple : <body background="image.gif">
Exemple : <body lang="fr" dir="ltr">
Pour que les navigateurs lisent le texte correctement, il peut aussi être nécessaire de se servir de l'attribut dir, indique dans quel sens le texte doit être affiché: de gauche à droite (valeur par défaut en Europe) ou de droite à gauche (hébreu, japonais, etc.). Valeurs : "ltr" (left to right : de gauche à droite) et "rtl" (right to left : de droite à gauche). A noter que cette balise n'est vraiment pas indispensable si le site est écrit dans une seule langue.
Exemple : <body leftmargin="0">
Pour définir les marges du texte. On se sert de l'attribut leftmargin pour la marge à gauche et de topmargin pour la marge en haut de la page. Les valeurs sont exprimées en pixels.
Exemple : <body bgproperties="fixed"> Nous avons le choix entre un arrière-plan fixe (bgproperties="fixed") et un arrière-plan qui défile verticalement, lié aux éléments de la page (bgproperties="scroll"). Ce dernier correspond à la valeur par défaut.
Ces balises se placent au début dans le champ <body>:
- Pour colorer le texte de la page :
Exemple : <body text="#000000">
- Pour colorer le fond d'écran de la page :
Exemple : <body bgcolor="#0099CC">
- Pour colorer les liens de la page :
Exemple : <body link="#003366">
- Pour colorer les liens actifs de la page :
Exemple : <body alink="#00FF00">
- Pour colorer les liens visités de la page :
Exemple : <body vlink="#CCFF66">
- Pour mettre une image de fond d'écran sur la page :
Exemple : <body background="image.gif">
- Site rédigé en plusieurs langues :
Exemple : <body lang="fr" dir="ltr">
Pour que les navigateurs lisent le texte correctement, il peut aussi être nécessaire de se servir de l'attribut dir, indique dans quel sens le texte doit être affiché: de gauche à droite (valeur par défaut en Europe) ou de droite à gauche (hébreu, japonais, etc.). Valeurs : "ltr" (left to right : de gauche à droite) et "rtl" (right to left : de droite à gauche). A noter que cette balise n'est vraiment pas indispensable si le site est écrit dans une seule langue.
- Leftmargin et topmargin :
Exemple : <body leftmargin="0">
Pour définir les marges du texte. On se sert de l'attribut leftmargin pour la marge à gauche et de topmargin pour la marge en haut de la page. Les valeurs sont exprimées en pixels.
- Type d'arrière plan :
Exemple : <body bgproperties="fixed"> Nous avons le choix entre un arrière-plan fixe (bgproperties="fixed") et un arrière-plan qui défile verticalement, lié aux éléments de la page (bgproperties="scroll"). Ce dernier correspond à la valeur par défaut.
- Ces attributs peuvent se combiner :