Membres
Les couleurs html - Cours html
Les couleurs html
Les cours > Cours-html >
Les couleurs html
Les couleurs html
Les couleurs peuvent ètre définies de differentes manières :
d'abord le plus facile, révision de 6ème les couleurs in english !
red : rouge
blue : bleu
green : vert
orange : orange :)
etc ... etc ...
Pour mettre une couleur à un texte, il faudra l'entourer de la balise <font> en lui indiquand qu'elle couleurs grace à l'attribut color.
Ex : <font color="red">Texte</font>
Bon, cette balise est actuellement à l'abandon au profit de <span> et </span> complétée par une feuille de style CSS
Euhhh...! CSS ? oui bon on verra plus tard pour l'instant restons simple :
<font color="red">c'est rouge ouais!</font>
<font color="green">c'est vert ouais!</font>
<font color="blue">c'est blue ouais!</font>
<font color="yellow">c'est jaune ouais!</font>
<font color="orange">yeah i'm speack english now!</font>
et il y en a beaucoup plus qu'on le pense!
et notre page blanche ? Oui, on peut aussi définir un fond.
<body bgcolor="yellow">
et la seconde solution pour les couleurs ?
ben la méthode binaire de Boby ç'était marrant non ? Essayons maintenant de compter en hexadécimale !
on va compter un peu en base 16...c'est trés simple on dépassera pas 16 !
0=0, 1=1, 2=2, 3=3, ...=..., 9=9, 10=a, 11=b, 12=c, 13=d, 14=e, 15=f.
Pour déclarer une couleur en hexadécimale, on note de cette façon :
<font color="#RougeVertBleu">Texte</font>
Ce qui donnera :
<font color="#ff0000">un texte rouge</font>
Pourquoi?
ff = le rouge
00 = le vert
00 = le bleu
On mélange le tout, et on obtient du rouge pure.
Quelques exemple :
<font color="#ff0000">c'est Red ouais!</font>
<font color="#00ff00">c'est Green ouais!</font>
<font color="#0000ff">c'est Blue ouais!</font>
[color=black] <font color="#000000">black</font> [/color]
[color=grey] <font color="#bbbbbb">gris</font> [/color]
et le blanc #ffffff tout simplement!
(appris au collège normalement)
Le nombre de couleurs possibles en hexadécilame :
16x16x16x16x16x16 couleurs, j'ai pas assez de doigts pour vérifier !
Un lien vers une palette de couleurs
pssst! il y a pas d'images ? > on y viens !
La suite : intégration d'immage en html
Le 08/08/2008 par Sky
http://www.graphiks.net
Les commentaires
Nous - Plan du site - Informations légale - Contact - © Graphiks.net