|
HyperText
Markup Language
HTML signifie "Langage des Marqueurs Hyper Texte".
C'est un langage de mise en forme d'une page permettant de créer
des liens entre différentes pages.
Le code source
On part d'un texte lisible, (.txt /.doc /.rtf) fait avec des éditeurs
de texte
(exemple : le 'Bloc-note' du système d'exploitation 'Windows' et
'Simpletext'du système d'exploitation 'MacOS')
dont on encapsule les éléments entre des commandes HTML
appelées « balises » pour produire une page web (page
HTML).
L'hypertextualité : les pages HTML sont liées les unes aux
autres.
Le texte brut agrémenté des balises HTML constitue ce qu'on
dénomme le « fichier source ».
Editeur texte
Le fichier source HTML est interprété à la volée
par les navigateur web (exemple : 'Explorer', 'Mozilla') lors de l'affichage
de la page à l'écran.
Donc créer une page web revient à écrire un texte
normal dans un éditeur de texte traditionnel et taper du code de
description supplémentaire mais invisible à l'affichage.
Cela nous ramène en fait 15 ans en arrière, à l'époque
ou les traitement de texte n'étaient pas « WYSIWYG »
(what you see is what you get), tel écran telle impression).
Aujourd'hui, il n'existe aucun éditeur HTML totalement WYSIWIG.
Néanmoins ces derniers permettent la conception d'une page web
sans connaissance du HTML (voir plus bas, à éditeurs).
Ainsi, pour obtenir un coding pur (déparasité des balises
propriétaires de certains éditeurs)
et exercer un contrôle fin d'une page web, le « codage en
dur » reste pleinement justifié.
Structure d'une page HTML
L'entête (HEAD), invisible à l'affichage et le corps
(BODY)
qui contient le texte destiné à l'affichage, mais peut aussi
contenir des commentaires invisibles.
<HTML>
<HEAD>
<TITLE>Structure d'une page HTML</TITLE>
</HEAD>
<BODY>
Le texte de la page est dans le corps
<!--ici il y aura des commentaires-->
</BODY>
</HTML>
La balise HEAD
La balise <head>...</head>
sert à délimiter la partie non lisible de la page HTML et
qui ne sera donc pas affichée par le navigateur du client.
Elle contient le titre de la page (TITLE), les balises metatags, les routines
javascripts et autres.
Elle est obligatoire.
La balise BODY
La balise <body>...</body>
sert à délimiter la partie lisible de la page HTML qui sera
donc affichée par le navigateur du client.
Elle est paramétrable.
Elle est obligatoire.
La balise commentaires
La balise <!--...-->
sert à placer des commentaires invisibles dans vos pages, afin
de vous aider par exemple à visualiser la structure de la page,
comme ci-dessus.
Balises HTML
La plupart des balises fonctionnent par paire : il y a une balise d'ouverture
et une balise de fermeture.
Ainsi, pour transformer un document texte en un document HTML, il convient
tout d'abord d'encadrer ce texte entre les balises d'ouverture et de fermeture.
La balise de fermeture est identique dans sa syntaxe à celle d'ouverture,
mais simplement précédée de la barre oblique (slash)
« / ».
Notez que la casse importe peu; les balises peuvent être indifféremment
écrites en minuscules ou majuscules.
Mais prenez l'habitude de les écrire en minuscule, solution choisie
par le futur langage XML.
|
|
Fichier Html
|
| ‹HTML›...‹/HTML› |
Début et fin de fichier Html |
| ‹HEAD›...‹/HEAD› |
Zone d'en-tête d'un fichier Html |
| ‹TITLE›...‹/TITLE› |
Titre affiché par le browser (élément de
HEAD) |
| ‹BODY›...‹/BODY› |
Début et fin du corps du fichier Html |
| ‹BODY bgcolor="#XXXXXX"› |
Couleur d'arrière-plan (en hexadécimal) |
| ‹BODY background="xyz.gif"› |
Image d'arrière-plan |
|
Mise en forme des caractères
|
| ‹B›...‹/B› |
Texte en gras |
| ‹BIG›...‹/BIG› |
Agrandissement de la taille des caractères |
| ‹BLINK›...‹/BLINK› |
Texte clignotant (Netscape seul) |
| ‹EM›...‹/EM› |
Texte en italique |
| ‹FONT color="#XXXXXX"›...‹/FONT› |
Texte en couleur où XXXXXX est une valeur
hexadécimale |
| ‹FONT size=X›...‹/FONT› |
Taille des caractères où X est une valeur
de 1 à 7 |
| ‹I›...‹/I› |
Texte en italique |
| ‹NOBR›...‹/NOBR› |
Empêche les ruptures automatiques de ligne
des navigateurs |
| ‹PRE›...‹/PRE› |
Texte préformaté, soit avec affichage de
tous les espaces et sauts de ligne |
| ‹SMALL›...‹/SMALL› |
Réduction de la taille des caractères |
| ‹STRONG›...‹/STRONG› |
Mise en gras du texte |
| ‹SUB›...‹/SUB› |
Texte en indice |
| ‹SUP›...‹/SUP› |
Texte en exposant |
| ‹U›...‹/U› |
Texte souligné |
| Mise en forme du texte |
| ‹!--...--› |
Commentaire ignoré par le navigateur |
| ‹BR› |
A la ligne |
| ‹BLOCKQUOTE›...‹/BLOCKQUOTE› |
Citation (introduit un retrait du texte) |
| ‹CENTER›...‹/CENTER› |
Centre tout élément compris dans le tag |
| ‹DIV align=center› ...‹/DIV› |
Centre l'élément encadré par le tag |
| ‹DIV align=left› ...‹/DIV› |
Aligne l'élément à gauche |
| ‹DIV align=right› ...‹/DIV› |
Aligne l'élément à droite |
| ‹Hx›...‹/Hx› |
Titre où x a une valeur de 1 à 7 |
| ‹Hx align=center›...‹/Hx› |
Titre centré |
| ‹Hx align=left›...‹/Hx› |
Titre aligné à gauche |
| ‹Hx align=right›...‹/Hx› |
Titre aligné à droite |
| ‹P›...‹/P› |
Nouveau paragraphe |
| ‹P align=center›...‹/P› |
Paragraphe centré |
| ‹P align=left›...‹/P› |
Paragraphe aligné à gauche |
| ‹P align=right›...‹/P› |
Paragraphe aligné à droite |
| Listes |
‹UL›
‹LI›
‹/UL› |
Liste non numérotée (dite à puces)
Elément de liste
|
‹OL›
‹LI›
‹/OL› |
Liste numérotée
Elément de liste
|
‹DL›
‹DT›...‹/DT›
‹DD›...‹/DD›
‹/DL› |
Liste de glossaire
Terme de glossaire (sans retrait)
Explication du terme (avec retrait)
Ligne de séparation |
| ‹HR› |
Trait horizontal (centré par défaut) |
| ‹HR width="x%"› |
Largeur du trait en % |
| ‹HR width=x› |
Largeur du trait en pixels |
| ‹HR size=x› |
Hauteur du trait en pixels |
‹HR align=center›
‹HR align=left›
‹HR align=right› |
Trait centré (défaut)
Trait aligné à gauche
Trait aligné à droite |
| ‹HR noshade› |
Trait sans effet d'ombrage |
| Hyperliens |
| ‹A href="http://..."›...‹/A› |
Lien vers une page Web |
| ‹A href="mailto:..."›...‹/A› |
Lien vers une adresse Email |
| ‹A href="fichier.htm"›...‹/A› |
Lien vers la page locale fichier.htm située
dans le même dossier |
| ‹A name="xyz"›...‹/A› |
Définition d'une ancre |
‹A href="xyz"›...‹/A›
‹A href="fichier#xyz"›...‹/A› |
Lien vers une ancre |
| Images |
‹IMG src="xyz.gif"›
‹IMG src="xyz.jpg› |
Insertion d'une image au format Gif ou Jpg(voir
liens pour l'adressage) |
| ‹IMG ... width=x height=y› |
Mise à l'échelle de l'image en pixels |
| ‹IMG ... border=x› |
Définition de la bordure d'une image avec
lien |
| ‹IMG ... alt="votre texte"› |
Texte alternatif lorsque l'image n'est pas
affichée |
‹IMG ... align=bottom›
‹IMG ... align=middle›
‹IMG ... align=top›
‹IMG ... align=left›
‹IMG ... align=right› |
Aligne l'image en bas
Aligne l'image au milieu
Aligne l'image en haut
Aligne l'image à gaughe
Aligne l'image à droite |
‹IMG ... hspace=x›
‹IMG ... vspace=y› |
Espacement horizontal entre l'image et le
texte
Espacement vertical entre l'image et le texte |
| Tableau |
| ‹TABLE›...‹/TABLE› |
Définition d'un tableau |
| ‹TABLE width="x%"› |
Largeur du tableau en % |
| ‹TABLE width=x› |
Largeur du tableau en pixels |
| ‹TABLE border=x› |
Largeur de la bordure |
| ‹TABLE cellpadding=x› |
Espace entre la bordure et le texte |
| ‹TABLE cellspacing=x› |
Epaisseur du trait entre les cellules |
| ‹TR›...‹/TR› |
Ligne du tableau |
| ‹TD›...‹/TD› |
Cellule du tableau |
| ‹TD bgcolor="#XXXXXX"› |
Couleur d'une cellule de tableau |
‹TD width="x%"›
‹TD width=x› |
Largeur de colonne en %
Largeur de colonne en pixels |
‹TD align=center›
‹TD align=left›
‹TD align=right› |
Texte dans la cellule centré
Texte dans la cellule aligné à gauche
Texte dans la cellule aligné à droite |
‹TD valign=bottom›
‹TD valign=middle›
‹TD valign=top› |
Alignement vers le bas du contenu d'une
cellule
Centrage vertical du contenu d'une cellule
Alignement vers le haut du contenu d'une cellule |
‹TD colspan=x›
‹TD rowspan=x› |
Nombre de cellules à fusionner horizontalement
Nombre de cellules à fusionner verticalement |
| Frames |
| <#139FRAMESET>...‹/FRAMESET›> |
Définit une structure de frames(remplace
alors le tag BODY) |
| ‹FRAMESET rows="x%,y%,..."› |
Division horizontale de la fenêtre en % |
| ‹FRAMESET cols="x%,y%,..."› |
Division verticale de la fenêtre en % |
| ‹FRAME src="fichier.htm"› |
Fichier affiché dans une fenêtre de frames |
| ‹NOFRAMES› ...‹/NOFRAMES› |
Contenu pour les browsers non prévus pour
les frames |
|
Memo des balises
<!-->
Commentaire
<A>
Ancre ou Lien
<ABBREV> Abbreviation
<ACRONYM> Sigle
<ADDRESS> Addresse
<APPLET> Applet Java
<AREA> Zone
<AU>
Auteur
<AUTHOR> Auteur
<B>
Gras
<BANNER> Bannière
<BASE> Base
<BASEFONT> Base Font
<BGSOUND> Sound
<BIG> Grand
Texte
<BLINK> Clignotant
<BLOCKQUOTE> Tabulation
<BQ>
Tabulation
<BODY> Corps
<BR>
Retour à la ligne
<CAPTION> Légende
<CENTER> Centrer
<CITE> Citation
<CODE> Code
<COL> Colonne
du Tableau
<COLGROUP> Group de colonnes du Tableau
<CREDIT> Credit
<DEL> Texte
Barré
<DFN> Définition
<DIR> Liste
du dossier
<DIV> Division
<DL>
Liste de Glossaire
<DT>
Terme de Glossaire
<DD>
Explication de Terme
<EM>
Texte en Italique
<EMBED> Insérer
un plugin
<FIG> Figure
<FN>
Footnote
<FONT> Couleur
ou Taille de Texte
<FORM> Formulaire
<FRAME> Frame
<FRAMESET> Corps de Frame
<H1>
Présentaton de Texte 1
<H2>
Présentaton de Texte 2
<H3>
Présentaton de Texte 3
<H4>
Présentaton de Texte 4
<H5>
Présentaton de Texte 5
<H6>
Présentaton de Texte 6
<HEAD> Entête
<HR>
Ligne horizontale
<HTML> HTML
<I>
Texte en Italique
<IFRAME> Frame mobile
<IMG> Image
<INPUT> Formulaire d'entrée
<INS> Inserted
Text
<ISINDEX> Is Index
<KBD> Clavier,
texte de largeur fixe
<LANG> Langage
<LH>
Tête de Liste
<LI>
Elément de liste
<LINK> Link
<LISTING> Listing
<MAP> Map
<MARQUEE> Texte animé
<MATH> Math
<MENU> Menu List
<META> Meta
<MULTICOL> Texte avec plusieurs colonnes
<NOBR> Empêche
les ruptures de lignes automatiques
<NOFRAMES> Elmpêche les frames
<NOTE> Note
<OL>
Liste numérotée
<OVERLAY> Overlay
<P>
Paragraphe
<PARAM> Parametres
<PERSON> Personne
<PLAINTEXT> Texte prédéfini
<PRE> Texte
Preformatté
<Q>
"'"
<RANGE> Range
<SAMP> exemple
<SCRIPT> Script
<SELECT> Formulaire de Sélection
<SMALL> Petit texte
<SPACER> Espace Blanc
<SPOT> Spot
<STRIKE> Texte barré
<STRONG> Texte en Gras
<SUB> Texte
en indice
<SUP> Texte
en exposant
<TAB> Tabulation
Horizontale
<TABLE> Tableau
<TBODY> Corps de Tableau
<TD>
Colonne de Tableau
<TEXTAREA> Formulaire de Texte
<TEXTFLOW> Text d'Applet Java
<TFOOT> Pied de Tableau
<TH>
Table Header
<THEAD> Tête du
tableau
<TITLE> Titre
<TR>
Ligne de Tableau
<TT>
Télétypé ~= KBD
<U>
Texte souligné
<UL>
Liste non numérotée
<VAR> Variable
<WBR> Mot
pour retour de chariot
<XMP> Exemple
Caractères spéciaux
|
|
Cractères
spéciaux
Les fichiers HTML sont au format ASCII (7 bits au lieu de
8) ! Ce qui signifie qu'il n'y que 128 caractères codés.
Vous serez donc privé de certains caractères spéciaux
comme le é pour lesquels il faudra passer par des codes particuliers.
|
|
Symboles
|
Code ASCII
|
|
!
|
!
|
|
"
|
"
|
|
#
|
#
|
|
$
|
$
|
|
%
|
%
|
|
&
|
&
|
|
'
|
'
|
|
(
|
(
|
|
)
|
)
|
|
*
|
*
|
|
+
|
+
|
|
,
|
,
|
|
-
|
-
|
|
.
|
.
|
|
/
|
/
|
|
0
|
0
|
|
1
|
1
|
|
2
|
2
|
|
3
|
3
|
|
4
|
4
|
|
5
|
5
|
|
6
|
6
|
|
7
|
7
|
|
8
|
8
|
|
9
|
9
|
|
:
|
:
|
|
;
|
;
|
|
<
|
<
|
|
=
|
=
|
|
>
|
>
|
|
?
|
?
|
|
@
|
@
|
|
A
|
A
|
|
B
|
B
|
|
C
|
C
|
|
D
|
D
|
|
E
|
E
|
|
F
|
F
|
|
G
|
G
|
|
H
|
H
|
|
I
|
I
|
|
J
|
J
|
|
K
|
K
|
|
L
|
L
|
|
M
|
M
|
|
N
|
N
|
|
O
|
O
|
|
P
|
P
|
|
Q
|
Q
|
|
R
|
R
|
|
S
|
S
|
|
T
|
T
|
|
U
|
U
|
|
V
|
V
|
|
W
|
W
|
|
X
|
X
|
|
Y
|
Y
|
|
Z
|
Z
|
|
[
|
[
|
|
\
|
\
|
|
]
|
]
|
|
^
|
^
|
|
_
|
_
|
|
`
|
`
|
|
a
|
a
|
|
b
|
b
|
|
c
|
c
|
|
d
|
d
|
|
e
|
e
|
|
f
|
f
|
|
g
|
g
|
|
h
|
h
|
|
i
|
i
|
|
j
|
j
|
|
k
|
k
|
|
l
|
l
|
|
m
|
m
|
|
n
|
n
|
|
o
|
o
|
|
p
|
p
|
|
q
|
q
|
|
r
|
r
|
|
s
|
s
|
|
t
|
t
|
|
u
|
u
|
|
v
|
v
|
|
w
|
w
|
|
x
|
x
|
|
y
|
y
|
|
z
|
z
|
|
{
|
{
|
|
|
|
|
|
|
}
|
}
|
|
~
|
~
|
|
¤
|
€
|
|
???
|
‚
|
|
ƒ
|
ƒ
|
|
???
|
„
|
|
…
|
…
|
|
†
|
†
|
|
‡
|
‡
|
|
ˆ
|
ˆ
|
|
‰
|
‰
|
|
S¹
|
Š
|
|
‹
|
‹
|
|
Œ
|
Œ
|
|
Z¹
|
Ž
|
|
‘
|
‘
|
|
’
|
’
|
|
“
|
“
|
|
”
|
”
|
|
•
|
•
|
|
|
–
|
|
—
|
—
|
|
˜
|
˜
|
|
™
|
™
|
|
s¹
|
š
|
|
›
|
›
|
|
œ
|
œ
|
|
z¹
|
ž
|
|
Ÿ
|
Ÿ
|
|
¡
|
¡
|
|
¢
|
¢
|
|
£
|
£
|
|
?
|
¤
|
|
¥
|
¥
|
|
|
|
¦
|
|
§
|
§
|
|
¨
|
¨
|
|
©
|
©
|
|
ª
|
ª
|
|
«
|
«
|
|
¬
|
¬
|
|
-
|
­
|
|
®
|
®
|
|
–
|
¯
|
|
°
|
°
|
|
±
|
±
|
|
2
|
²
|
|
3
|
³
|
|
´
|
´
|
|
µ
|
µ
|
|
¶
|
¶
|
|
·
|
·
|
|
¸
|
¸
|
|
1
|
¹
|
|
º
|
º
|
|
»
|
»
|
|
¿
|
¿
|
|
À
|
À
|
|
Á
|
Á
|
|
Â
|
Â
|
|
Ã
|
Ã
|
|
Ä
|
Ä
|
|
Å
|
Å
|
|
Æ
|
Æ
|
|
Ç
|
Ç
|
|
È
|
È
|
|
É
|
É
|
|
Ê
|
Ê
|
|
Ë
|
Ë
|
|
Ì
|
Ì
|
|
Í
|
Í
|
|
Î
|
Î
|
|
Ï
|
Ï
|
|
Ñ
|
Ñ
|
|
Ò
|
Ò
|
|
Ó
|
Ó
|
|
Ô
|
Ô
|
|
Õ
|
Õ
|
|
Ö
|
Ö
|
|
*
|
×
|
|
Ø
|
Ø
|
|
Ù
|
Ù
|
|
Ú
|
Ú
|
|
Û
|
Û
|
|
Ü
|
Ü
|
|
Y´
|
Ý
|
|
ß
|
ß
|
|
à
|
à
|
|
á
|
á
|
|
â
|
â
|
|
ã
|
ã
|
|
ä
|
ä
|
|
å
|
å
|
|
æ
|
æ
|
|
ç
|
ç
|
|
è
|
è
|
|
é
|
é
|
|
ê
|
ê
|
|
ë
|
ë
|
|
ì
|
ì
|
|
í
|
í
|
|
î
|
î
|
|
ï
|
ï
|
|
ñ
|
ñ
|
|
ò
|
ò
|
|
ó
|
ó
|
|
ô
|
ô
|
|
õ
|
õ
|
|
ö
|
ö
|
|
÷
|
÷
|
|
ø
|
ø
|
|
ù
|
ù
|
|
ú
|
ú
|
|
û
|
û
|
|
ü
|
ü
|
|
y´
|
ý
|
|
Editeurs HTML
Ceux-ci facilitent la tâche et permettent une visualisation du code
et de la création,
mais il faut nettoyer le code (Dreamweaver)
|
|
Dreamweaver * * * conseillé
|
|
|
|
|
|
Claris Home
|
|
|
|
|
|
Frontpage
|
|
|
|
|
|
Netscape Composer
|
|
|
|
|
|
PageMill
|
|
|
|
|
|
WebExpert
|
|
|
|
|
|
Word
|
|
|
|
|
|
Les autres
|
|
|
|
|
|
|
|
|
|
|
|
Couleurs de l'écran
Les couleurs que l'on voit à l'écran (téléviseur
ou ordinateur) sont composées d'unités minuscules qui se
nomment LES PIXELS.
Ceux-ci sont de 3 couleurs différentes, le ROUGE,
le VERT et le BLEU.
Ce qui nous donne par addition la luminosité blanche. Cette synthèse
additive a une formule type : R+V+B = blanc (RVB en français, en
anglais on emploi les termes RGB, rouge, green, blue)
A ne pas confondre avec le mélange des couleurs primaires, sorties,
par exemple de nos tubes de peinture JAUNE
MAGENTA CYAN, la synthèse
est ici soustractive, dont la formule type est : J + M + C = noir. Ces
couleurs sont utilisées comme encre, en imprimerie.
Grosso modo, on peut dire que dans le monde du WEB, il y a beaucoup plus
de couleur à l'écran, à créer que dans le
monde de l'imprimé, du PRINT. Voici comment se font les "mélanges"
en HTML :
Couleurs prédéfinies
Ces couleurs prédéfinies sont issues de Html 4.0 qui les
a lui-même prises de la palette VGA par défaut de Windows.
Avec ces couleurs ci-dessous, on peut directement les nommer dans le code
HTML (blue) sans avoir besoin d'inscrire l'équivalence en
hexadécimale (#0000FF). Quelques "light" sont
aussi possible. Sinon, les autres couleurs, voir plus bas, il faut écrire
les 6 nombres correspondant.
|
blue
#0000FF
(0,0,255)
|
|
fuchsia
#FF00FF
(255,0,255)
|
|
lime
#00FF00
(0,255,0)
|
|
maroon
#800000
(128,0,0)
|
|
purple
#800080
(128,0,128)
|
|
red
#FF0000
(255,0,0)
|
|
white
#FFFFFF
(255,255,255)
|
|
yellow
#FFFF00
(255,255,0)
|
|
aqua
#00FFFF
(0,255,255)
|
|
black
#000000
(0,0,0)
|
|
gray
#808080
(128,128,128)
|
|
green
#008000
(0,128,0)
|
|
navy
#000080
(0,0,128)
|
|
olive
#808000
(128,128,0)
|
|
silver
#C0C0C0
(192,192,192)
|
|
teal
#008080
(0,128,128)
|
|
lightblue
#0000FF
(0,0,255)
|
|
lightyellow
|
|
lightgreen
|
Codification des couleurs
La valeur hexadécimale composée de 6 chiffres précédée
d'un dièse # : #00FFFF, #000000
La notation fonctionelle rgb (red-green-blue) qui prend 3 nombres
entiers compris entre 0 et 255 ou 3 pourcentages entre
0% et 100%
| |
Pourcentage |
Nombre entier |
Hexadecimal |
| |
aqua |
rgb(0%,100%,100%) |
rgb(0,255,255) |
#00FFFF |
| |
black |
rgb(0%,0%,0%) |
rgb(0,0,0) |
#000000 |
| |
blue |
rgb(0%,0%,100%) |
rgb(0,0,255) |
#0000FF |
| |
fuschia |
rgb(100%,0%,100%) |
rgb(255,0,255) |
#FF00FF |
| |
gray |
rgb(50%,50%,50%) |
rgb(128,128,128) |
#808080 |
| |
green |
rgb(0%,50%,0%) |
rgb(0,128,0) |
#008000 |
| |
lime |
rgb(0%,100%,0%) |
rgb(0,255,0) |
#00FF00 |
| |
maroon |
rgb(50%,0%,0%) |
rgb(128,0,0) |
#800000 |
| |
navy |
rgb(0%,0%,50%) |
rgb(0,0,128) |
#000080 |
| |
olive |
rgb(50%,50%,0%) |
rgb(128,128,0) |
#808000 |
| |
purple |
rgb(50%,0%,50%) |
rgb(128,0,128) |
#800080 |
| |
red |
rgb(100%,0%,0%) |
rgb(255,0,0) |
#FF0000 |
| |
silver |
rgb(75%,75%,75%) |
rgb(192,192,192) |
#C0C0C0 |
| |
teal |
rgb(0%,50%,50%) |
rgb(0,128,128) |
#008080 |
| |
white |
rgb(100%,100%,100%) |
rgb(255,255,255) |
#FFFFFF |
| |
yellow |
rgb(100%,100%,0%) |
rgb(255,255,0) |
#FFFF00 |
Exemples de couleurs
|
| |
#000000 |
|
#000033 |
|
#000066 |
|
#000099 |
|
#0000CC |
|
#0000FF |
| |
#003300 |
|
#003333 |
|
#003366 |
|
#003399 |
|
#0033CC |
|
#0033FF |
| |
#006600 |
|
#006633 |
|
#006666 |
|
#006699 |
|
#0066CC |
|
#0066FF |
| |
#009900 |
|
#009933 |
|
#009966 |
|
#009999 |
|
#0099CC |
|
#0099FF |
| |
#00CC00 |
|
#00CC33 |
|
#00CC66 |
|
#00CC99 |
|
#00CCCC |
|
#00CCFF |
| |
#00FF00 |
|
#00FF33 |
|
#00FF66 |
|
#00FF99 |
|
#00FFCC |
|
#00FFFF |
| |
#330000 |
|
#330033 |
|
#330066 |
|
#330099 |
|
#3300CC |
|
#3300FF |
| |
#333300 |
|
#333333 |
|
#333366 |
|
#333399 |
|
#3333CC |
|
#3333FF |
| |
#336600 |
|
#336633 |
|
#336666 |
|
#336699 |
|
#3366CC |
|
#3366FF |
| |
#339900 |
|
#339933 |
|
#339966 |
|
#339999 |
|
#3399CC |
|
#3399FF |
| |
#33CC00 |
|
#33CC33 |
|
#33CC66 |
|
#33CC99 |
|
#33CCCC |
|
#33CCFF |
| |
#33FF00 |
|
#33FF33 |
|
#33FF66 |
|
#33FF99 |
|
#33FFCC |
|
#33FFFF |
| |
#660000 |
|
#660033 |
|
#660066 |
|
#660099 |
|
#6600CC |
|
#6600FF |
| |
#663300 |
|
#663333 |
|
#663366 |
|
#663399 |
|
#6633CC |
|
#6633FF |
| |
#666600 |
|
#666633 |
|
#666666 |
|
#666699 |
|
#6666CC |
|
#6666FF |
| |
#669900 |
|
#669933 |
|
#669966 |
|
#669999 |
|
#6699CC |
|
#6699FF |
| |
#66CC00 |
|
#66CC33 |
|
#66CC66 |
|
#66CC99 |
|
#66CCCC |
|
#66CCFF |
| |
#66FF00 |
|
#66FF33 |
|
#66FF66 |
|
#66FF99 |
|
#66FFCC |
|
#66FFFF |
| |
#990000 |
|
#990033 |
|
#990066 |
|
#990099 |
|
#9900CC |
|
#9900FF |
| |
#993300 |
|
#993333 |
|
#993366 |
|
#993399 |
|
#9933CC |
|
#9933FF |
| |
#996600 |
|
#996633 |
|
#996666 |
|
#996699 |
|
#9966CC |
|
#9966FF |
| |
#999900 |
|
#999933 |
|
#999966 |
|
#999999 |
|
#9999CC |
|