Couleurs, polices et fontes
-
Diverses marques acceptent un attribut color ou
bgcolor permettant de définir une couleur:
- la marque <body> peut avoir l'attribut bgcolor pour définir la couleur du fond de la fenêtre de texte;
- la marque <font> peut avoir l'attribut color pour définir la couleur du texte qui va suivre;
- les marques <th> et <td> peuvent avoir l'attribut bgcolor pour définir la couleur du fond d'un élément de tableau.
Attention: il est très risqué de redéfinir la couleur d'une partie du texte à l'aide de la marque <font color="..."> car certains butineurs, tel que Netscape Navigator, permettent à l'utilisateur de spécifier une couleur qui aura précédence sur la couleur définie par <body bgcolor="...">, sans permettre à l'utilisateur de spécifier une couleur qui aura précédence sur la couleur définie par <font color="...">! Vous risquez donc de choisir une couleur de texte qui a un bon contraste avec la couleur de fond que vous aurez choisie, mais le contraste risque d'être très mauvais pour la couleur de fonds choisie par l'utilisateur (et qui aura précédence sur la couleur de fond que vous aurez choisie).
-
Les attributs color et bgcolor peuvent
prendre des valeurs hexadécimales de six positions (deux positions
hexadécimales pour chacune des composantes rouge, vert et bleu), par
exemple
color="#FF0000"pour du rouge vif, ou un des symboles prédéfinis de couleur:White, Black, Maroon, Green, Olive, Navy, Purple, Teal, Gray, Silver, Red, Lime, Yellow, Blue, Fuchsia, Aqua
Couleur Symbole apparence Couleur Symbole apparence blanc white jaune yellow argent silver bleu ciel aqua gris gray bleu marine navy noir black bleu blue vert jaune lime marron maroon vert green pourpre purple gris vert teal rouge red olive olive rose fuchsia fuchsia Note: les couleurs du document en-ligne ne ressortent malheureusement pas dans le polycopié.
-
La marque <body> peut avoir l'attribut background
pour définir l'URL d'une image qui servira de fond au document. Si
cette image est plus petite que la fenêtre ou le document, l'image
est automatiquement répétée, aussi bien horizontalement
que verticalement. Si l'on utilise cette possibilité, il est bon de
bien contrôler le contraste entre le texte et l'image et l'effet de
la répétition éventuelle de l'image en cas de fenêtre
très grande.
-
Il est à noter que les feuilles de style permettent de définir
la couleur de fond d'un texte, sans qu'il soit nécessaire de mettre
ce texte dans une cellule de tableau
-
En plus de l'attribut color, la marque <font> peut
aussi porter l'attribut size. L'attribut
size peut prendre une valeur numérique absolue (un
chiffre entre 1 et 7) ou relative (+1, +2, ..., -1, -2, ...). Cette taille
est proportionnelle à la taille des caractères d'un paragraphe
normal (dont la taille par défaut est considérée comme
valant 3).
size="1" size="-2" size="2" size="-1" size="3" défaut size="4" size="+1" size="5" size="+2" size="6" size="+3" size="7" size="+4" -
Initialement introduite par Microsoft dans Internet Explorer, la marque
<font> permet aussi de définir la police de caractères
à utiliser à l'aide de l'attribut face. Cet
attribut n'est toutefois pas mentionné dans la
spécification
officielle 3.2, mais uniquement dans la
spécification
4.0, avec la mention "déconseillé" (deprecated).
La valeur associée à cet attribut est le(s) nom(s) d'une ou
plusieurs polices de caractères, séparés par des virgules
(par ex. <font face="Helvetica,sans-serif"> indique
que l'on désire utiliser une police Helvetica ou, à défaut,
une autre police sans-serif).
Evitez d'utiliser
l'attribut face pour passer à un autre alphabet
(par ex. pour des symboles grecs). De plus, évitez d'utiliser des
polices trop spécifiques à une certaine plateforme, car si
cette police n'est pas disponible sur la machine de l'utilisateur, le butineur
va utiliser une police par défaut qui convient mal pour ce que
vous vouliez obtenir.
-
Aussi bien color que size sont à
utiliser avec précautions, car ils peuvent mener à des effets
optiques indésirables:
- si l'on utilise une valeur trop petite pour size, un utilisateur avec un petit écran (par exemple avec un ordinateur portable) aura beaucoup de peine, ou n'arrivera peut-être même pas, à lire le texte.
- si l'on utilise une valeur trop grande pour size et que l'utilisateur, étant malvoyant, choisit une fonte par défaut assez grande, le texte risque d'être tellement grand qu'il y aura à peine quelques mots à l'écran.
- si un utilisateur configure son butineur pour imposer son propre choix de couleur de texte et d'arrière-plan (par ex. via le paneau de préférences) et que le document utilise pour une partie du texte une couleur qui, par un malheureux hasard, est identique ou très proche de la couleur d'arrière-plan choisie par l'utilisateur, cette partie du texte sera illisible.
- What's wrong with the FONT element, par Warren Steel
- <FONT FACE> considered harmful, traduction française: <FONT FACE> réputé nuisible
- Death of the Websafe Color Palette?, par David Lehn and Hadley Stern.
- ma palette d'images de fond
Bertrand Ibrahim 