la
couleur du texte
1)
Introduction
Dans
ce chapitre, nous allons apprendre
comment mettre de la couleur sur des textes. Imaginez si nous laissons
la couleur par défaut dans tous nos pages. Ça
fera un peu du mal à certains yeux. Et je suis sure que certains
diront que c’est vilain de faire ainsi.
Alors pour rendre un peu jolie notre
site, nous devons faire varier la
couleur du texte et c’est pourquoi je suis là
à vous apprendre comment écrire un texte en
rouge, bleu, vert…
Pour moi je crois que vous
n’aurez aucun problème sur
la compréhension de ce cours. Mais si vous avez des
difficultés sur ce cours : un forum est
là, juste pour vos question.
La couleur du
texte :
Ici je veux vous expliquer trois manières
de mettre de la couleur dans le texte.
La première
manière :
Ici vous devez savoir la
signification des couleurs en anglais, c'est-à-dire
connaître que blanc s’appelle white, rouge
red…. Bah ! Je ne suis pas ici pour vous apprendre
l’anglais.
Donc je vous demande à avoir un dictionnaire
d’anglais français à coté,
pour pouvoir mettre les couleurs que vous voulez.
Pour mettre la couleur du texte, nous allons utiliser la
balise <span></span>
syntaxe: <span style=
"color: nom_du_couleur_en_anglais";>
mot_à_mettre_en_couleur</span>
exemple:
demo:
said
dit: hodi
ali dit:
karibu |
code html:
<span
style ="color :blue;"> said dit: hodi</span>
<br/>
<span style ="color :red;"> ali dit:
karibu</span> |
La 2ème
manière :
Nous
savons très bien que toutes les couleurs existantes, nous
pouvons les obtenir en faisant un mélange de trois couleurs
qui sont la couleur rouge (red), la couleur verte (green) et la couleur
bleue (blue). Ces trois couleurs
sont toujours abrégées comme
ça :
-RVB en français.
-RGB en anglais.
C’est l’abréviation anglaise qui nous
intéresse.
Le mélange se fait ainsi : rgb(
quantité_du_rouge,
quantité_du_vert,quantité_du_bleu). La
quantité c’est juste un nombre entier qui se
trouve dans cette intervalle[0 , 255].
Et comment peut on savoir, avec cette
histoire de nombres entiers, qu’on
a la bonne combinaison pour
une telle couleur ?
Pour mon cas c’est simple. J’utilise paint pour
sélectionner les quantités de couleurs que je
veux.
Lancer Paint et essayer de modifier
la couleur sur paint en cliquant le menu couleur puis modifier. Vous
verrez ensuite cette fenêtre.
En se referant de paint, couleur
unie est la couleur qui apparaîtra, et là où j’ai
encadré en rouge s’agit de différents
quantités du rgb.
syntaxe:
<span
style= "color: rgb(
quantité_du_rouge,
quantité_du_vert,quantité_du_bleu)";>
mot_à_mettre_en_couleur</span>
exemple:
demo:
said
dit: ye dje?
ali dit :
ndjema. |
code
html:
<span
style="color: rgb(51, 51, 255);">said dit: ye
dje?</span> <br />
<span style="color: rgb(255, 102,
102);">ali dit : ndjema.</span>
|
La
troisième méthode :
Ici nous allons utiliser la notation
hexadécimale. Si vous avez compris les deux
premières méthodes alors il est plus simple de
comprendre cette dernière.
Dans cette méthode il suffit de remplacer dans la
syntaxe de la première méthode, là
où on a écrit le nom de la couleur du texte par
la notation hexadécimale.
La notation hexadécimale commence toujours par un
dièse (#) suivi de 6
caractères héxadecimale (0, 1, 2, 3, 4,
5, 6, 7, 8, 9, a, b, c, d, e ,f).
syntaxe:<span style=
"color : notation_hexadecimale";>
mot_à_mettre_en_couleur</span>
exemple:
demo:
ali
dit: ye ze khali?
said dit:
salama alhamdoulillah |
code source:
<span
style="color:#bc21f0;">ali dit: ye ze
khali?</span><br/>
<span style="color:#8f4ff4;">said dit: salama
alhamdoulillah</span> |
wunu ndo mwisso wahe darasa
hahutriya rangi harumwa mayadzishi.
|