présente
Le petit guide HTML
Les couleurs
Pour utiliser les couleurs en informatique, il est bon de se rappeler que l'écran se compose de points lumineux, groupés par trois. Chaque pixel se compose d'un point rouge, d'un point vert et d'un point bleu. S'ils sont éteints, le pixel est noir. Si les trois points sont allumés à pleine intensité, le pixel est blanc. Entre ces deux extrêmes, de nombreuses couleurs peuvent être affichées. Selon le mode d'affichage utilisé par l'ordinateur, vous disposez (habituellement) d'une palette de 256, 65536 ou quelques 16 millions de couleurs. Le code couleur est défini par la double valeur hexadécimale (base 16, codée de 00 à FF, correspondant aux valeurs 0 à 256) de chacun des trois points du pixel.
Le code de la couleur s'écrit comme suit # [rouge][vert][bleu]. Par exemple, le noir s'obtient avec le code #000000 (rouge=00, vert=00, bleu=00), le blanc s'écrit #FFFFFF.
Une remarque : il peut y avoir une légère variation de couleur d'un écran à l'autre, dû à un problème de calibration.
Note : si votre visualiseur n'affiche pas les couleurs dans le tableau, il ne gère pas la commande BGCOLOR=. Il est temps de trouver un logiciel plus récent...
| #000000 | #000080 | #0000FF | |||
| #008000 | #008080 | #0080FF | |||
| #FF8000 | #FF8080 | #FF80FF | |||
| #00FF00 | #00FF80 | #00FFFF | |||
| #80FF00 | #80FF80 | #80FFFF | |||
| #FFFF00 | #FFFF80 | #FFFFFF |
| |
Avec les visualiseurs Microsoft Explorer et Netscape, vous pouvez définir des couleurs en indiquant leur nom en anglais. En voici la liste.
| Nom | Couleur | Code |
|---|---|---|
| White | #FFFFFF | |
| Red | #FF0000 | |
| Green | #00FF00 | |
| Blue | #0000FF | |
| Magenta | #FF00FF | |
| Cyan | #00FFFF | |
| Yellow | #FFFF00 | |
| Black | #000000 | |
| Aquamarine | #70DB93 | |
| Baker's Chocolate | #5C3317 | |
| Blue Violet | #9F5F9F | |
| Brass | #B5A642 | |
| Bright Gold | #D9D919 | |
| Brown | #A62A2A | |
| Bronze | #8C7853 | |
| Bronze II | #A67D3D | |
| Cadet Blue | #5F9F9F | |
| Cool Copper | #D98719 | |
| Copper | #B87333 | |
| Coral | #FF7F00 | |
| Corn Flower Blue | #42426F | |
| Dark Brown | #5C4033 | |
| Dark Green | #2F4F2F | |
| Dark Green Copper | #4A766E | |
| Dark Olive Green | #4F4F2F | |
| Dark Orchid | #9932CD | |
| Dark Purple | #871F78 | |
| Dark Slate Blue | #6B238E | |
| Dark Slate Grey | #2F4F4F | |
| Dark Tan | #97694F | |
| Dark Turquoise | #7093DB | |
| Dark Wood | #855E42 | |
| Dim Grey | #545454 | |
| Dusty Rose | #856363 | |
| Feldspar | #D19275 | |
| Firebrick | #8E2323 | |
| Forest Green | #238E23 | |
| Gold | #CD7F32 | |
| Goldenrod | #DBDB70 | |
| Grey | #C0C0C0 | |
| Green Copper | #527F76 | |
| Green Yellow | #93DB70 | |
| Hunter Green | #215E21 | |
| Indian Red | #4E2F2F | |
| Khaki | #9F9F5F | |
| Light Blue | #C0D9D9 | |
| Light Grey | #A8A8A8 | |
| Light Steel Blue | #8F8FBD | |
| Light Wood | #E9C2A6 | |
| Lime Green | #32CD32 | |
| Mandarian Orange | #E47833 | |
| Maroon | #8E236B | |
| Medium Aquamarine | #32CD99 | |
| Medium Blue | #3232CD | |
| Medium Forest Green | #6B8E23 | |
| Medium Goldenrod | #EAEAAE | |
| Medium Orchid | #9370DB | |
| Medium Sea Green | #426F42 | |
| Medium Slate Blue | #7F00FF | |
| Medium Spring Green | #7FFF00 | |
| Medium Turquoise | #70DBDB | |
| Medium Violet Red | #DB7093 | |
| Medium Wood | #A68064 | |
| Midnight Blue | #2F2F4F | |
| Navy Blue | #23238E | |
| Neon Blue | #4D4DFF | |
| Neon Pink | #FF6EC7 | |
| New Midnight Blue | #00009C | |
| New Tan | #EBC79E | |
| Old Gold | #CFB53B | |
| Orange | #FF7F00 | |
| Orange Red | #FF2400 | |
| Orchid | #DB70DB | |
| Pale Green | #8FBC8F | |
| Pink | #BC8F8F | |
| Plum | #EAADEA | |
| Quartz | #D9D9F3 | |
| Rich Blue | #5959AB | |
| Salmon | #6F4242 | |
| Scarlet | #8C1717 | |
| Sea Green | #238E68 | |
| Semi-Sweet Chocolate | #6B4226 | |
| Sienna | #8E6B23 | |
| Silver | #E6E8FA | |
| Sky Blue | #3299CC | |
| Slate Blue | #007FFF | |
| Spicy Pink | #FF1CAE | Spring Green | #00FF7F |
| Steel Blue | #236B8E | |
| Summer Sky | #38B0DE | |
| Tan | #DB9370 | |
| Thistle | #D8BFD8 | |
| Turquoise | #ADEAEA | |
| Very Dark Brown | #5C4033 | |
| Very Light Grey | #CDCDCD | |
| Violet | #4F2F4F | |
| Violet Red | #CC3299 | |
| Wheat | #D8D8BF | |
| Yellow Green | #99CC32 |
La palette des couleurs prédéfinies étant assez vaste pour répondre à la plupart des besoins, pourquoi s'en priver, puisque les principaux visualiseurs les reconnaissent ?
Des couleurs de base pour le texte
Les mêmes couleurs peuvent être appliquées au texte de vos pages. La balise <BODY> peut aussi contenir les commandes suivantes :
| TEXT= | Couleur du texte normal. |
| LINK= | Couleur à afficher pour les liens hypertextes. Paramétrables par défaut dans les visualiseurs, la couleur habituelle étant le bleu. |
| VLINK= | Couleur à afficher pour les liens hypertextes qui ont été utilisés (validés). Paramétrables par défaut dans les visualiseurs, la couleur habituelle étant le violet. |
| ALINK= | Couleur à afficher pour les liens hypertextes lorsqu'il est activé par un clic de la souris. Paramétrables par défaut dans les visualiseurs, la couleur habituelle étant le rouge. |
Voici un exemple de balise contenant des paramètres de couleurs spécifiques, le fond de page n'étant pas défini (donc gris neutre) :
Certains visualiseurs ignorent la commande ALINK=, et certaines couleurs ne s'affichent pas toujours comme prévu !
Dans la balise <FONT>, vous pouvez spécifier :
| SIZE= | Taille des caractères (de 1 à 7). Vous pouvez aussi définir une valeur relative, +1 ou -2, par exemple. |
| COLOR= | Couleur à afficher pour les caractères. Définir la valeur hexadécimale [rouge][vert][bleu]. |
| FACE= | Nom de la police à utiliser (entre guillemets). Vous pouvez spécifier plusieurs noms, séparés par des virgules. Si la première police n'est pas disponible sur l'ordinateur, le visualiseur teste la seconde, et ainsi de suite. Si aucune police définie n'est disponible, c'est la police par défaut qui est utilisée. |
| BASEFONT | Ce paramètre indique que les paramètres définis sont les paramètres par défaut de cette page. |
Ces paramètres n'étant pas encore courants, ils ne sont pas examinés ici.
... affiche la premier page de ce manuel. Voici son code :
Utilisez le type SUBMIT pour lancer l'action, et le type RESET pour abandonner l'action.
Certains paramètres ne sont pas compris par tous les visualiseurs, et tous les écrans ne sont pas paramétrés pour gérer 16 millions de couleurs. Ne pensez pas que tous les visiteurs verront vos couleurs aussi précisément qu'elles apparaissent sur votre écran.
La diffusion de ce document sur Internet ou des serveurs BBS est autorisée, à condition qu'il le soit dans son intégralité et sans aucune modification. La diffusion sur des services en lignes commerciaux doit faire l'objet d'une autorisation de la part de l'auteur.
Les marques citées sont déposées par leurs propriétaires respectifs.
L'auteur dégage toute responsabilité en cas de dommages directs, indirects, accidentels ou consécutifs provenant d'informations erronées, et ce, même si l'auteur a été prévenu de la possibilité de tels dommages.
|
|
