Les couleurs en Html

Les couleurs affichées dans les pages Html sont choisies dans une vaste gamme de nuances dont la source codifiée provient du spectre de base : RVB : rouge, vert et bleu. Cette codification se fait en 3 groupes (comme les 3 couleurs de base) de 2 signes. Chacun de ces groupes de 2 signes indique une couleur en valeur hexadécimale. La combinaison de ces 3 groupes constitue les différentes nuances affichables.

Il peut être plus aisé, et plus simple après tout, d'écrire en "clair" la couleur désirée. Cette méthode n'est toutefois pas toujours reconnue par tous les navigateurs. 16 de ces couleurs (nous revenons là à la notion hexadécimale ...) sont néanmoins reconnues par tous les "bons" navigateurs. Les voici :

variable

couleur affichée

variable

couleur affichée

white :

blanc

silver :

argent

black :

noir

gray :

gris

yellow :

jaune

lime :

vert clair

aqua :

bleu clair

green :

vert

blue :

bleu

olive :

vert olive

navy :

bleu marine

teal :

cyan foncé

red :

rouge

fuchsia :

fuchsia

maroon :

marron ou rouge foncé

purple :

violet

Ce petit tableau suffit à la toute grande majorité des besoins : autant l'imprimer pour l'avoir sous la main ! Il suffit tout simplement d'écrire en code source après la balise </HEAD> de la manière suivante :

BACKGROUND="yellow"

pour la couleur de fond

FONT COLOR="black"

pour la couleur de texte

et de même pour les couleurs de liens LINK, de tableaux BGCOLOR, etc.

Ces couleurs et leur mise en oeuvre sont valables pour tous les besoins de l'élaboration d'une page Html. Vous constaterez après être passé en mode page et revenant au code source que des éditeurs comme Claris Home Page, par exemple, traduisent automatiquement la variable en mode hexadécimal.

La mode est toutefois aux fonds plus élaborés, généralement aux images déployées en mosaïque, tel le fonds de cette page. Celles-ci, combinées avec un script tel que décrit dans "les fonds de page qui se démarquent", permettent même d'obtenir un effet en 3D. Cet effet peut être obtenu très simplement en écrivant, en lieu et place de la couleur, l'adresse exacte du fichier image choisi. Comme ceci :

BACKGROUND="../valimage/champfon.jpg"

à insérer, en code source, juste après la balise </HEAD>, en respectant scrupuleusement le chemin d'accès !