HTML - Noms de couleur
Le tableau suivant présente les 16 noms de couleurs introduits dans HTML 3.2 -
| Nom de la couleur | Valeur hexadécimale | Couleur | Spectacle |
|---|---|---|---|
| aqua | # 00ffff | Démo | |
| noir | # 000000 | Démo | |
| bleu | # 0000ff | Démo | |
| fuchsia | # ff00ff | Démo | |
| vert | # 008000 | Démo | |
| gris | # 808080 | Démo | |
| citron vert | # 00ff00 | Démo | |
| bordeaux | # 800000 | Démo | |
| marine | # 000080 | Démo | |
| olive | # 808000 | Démo | |
| violet | # 800080 | Démo | |
| rouge | # ff0000 | Démo | |
| argent | # c0c0c0 | Démo | |
| sarcelle | # 008080 | Démo | |
| blanc | #ffffff | Démo | |
| Jaune | # ffff00 | Démo |
Il existe d'autres couleurs qui ne font pas partie du HTML ou du XHTML, mais elles sont prises en charge par la plupart des versions des principaux navigateurs.
| Nom de la couleur | Valeur hexadécimale | Couleur | Spectacle |
|---|---|---|---|
| aliceblue | # f0f8ff | Démo | |
| blanc antique | # faebd7 | Démo | |
| bleu vert | # 7fffd4 | Démo | |
| Azur | # f0ffff | Démo | |
| beige | # f5f5dc | Démo | |
| bisque | # ffe4c4 | Démo | |
| amande blanchie | #ffebcd | Démo | |
| bleu violet | # 8a2be2 | Démo | |
| marron | # a52a2a | Démo | |
| bois bohu | # deb887 | Démo | |
| cadetblue | # 5f9ea0 | Démo | |
| chartreuse | # 7fff00 | Démo | |
| Chocolat | # d2691e | Démo | |
| corail | # ff7f50 | Démo | |
| bleuet | # 6495ed | Démo | |
| soie de maïs | # fff8dc | Démo | |
| cramoisi | # dc143c | Démo | |
| cyan | # 00ffff | Démo | |
| bleu foncé | # 00008b | Démo | |
| darkcyan | # 008b8b | Démo | |
| darkgoldenrod | # b8860b | Démo | |
| gris foncé | # a9a9a9 | Démo | |
| vert foncé | # 006400 | Démo | |
| darkkhaki | # bdb76b | Démo | |
| darkmagenta | # 8b008b | Démo | |
| vert olive foncé | # 556b2f | Démo | |
| Orange sombre | # ff8c00 | Démo | |
| noirorchid | # 9932cc | Démo | |
| rouge foncé | # 8b0000 | Démo | |
| darksalmon | # e9967a | Démo | |
| vert foncé | # 8fbc8f | Démo | |
| darkslateblue | # 483d8b | Démo | |
| darkslategray | # 2f4f4f | Démo | |
| turquoise foncé | # 00ced1 | Démo | |
| violet foncé | # 9400d3 | Démo | |
| rose profond | # ff1493 | Démo | |
| deepskyblue | # 00bfff | Démo | |
| dimgray | # 696969 | Démo | |
| dodgerblue | # 1e90ff | Démo | |
| brique réfractaire | # b22222 | Démo | |
| fleuri blanc | # fffaf0 | Démo | |
| forêt verte | # 228b22 | Démo | |
| gainsboro | #dcdcdc | Démo | |
| fantôme blanc | # f8f8ff | Démo | |
| or | # ffd700 | Démo | |
| verge d'or | # daa520 | Démo | |
| gris | # 808080 | Démo | |
| vert jaune | # adff2f | Démo | |
| miellat | # f0fff0 | Démo | |
| rose vif | # ff69b4 | Démo | |
| indianred | # cd5c5c | Démo | |
| indigo | # 4b0082 | Démo | |
| Ivoire | # fffff0 | Démo | |
| kaki | # f0e68c | Démo | |
| lavande | # e6e6fa | Démo | |
| lavande | # fff0f5 | Démo | |
| Lawngreen | # 7cfc00 | Démo | |
| citronchiffon | #fffacd | Démo | |
| bleu clair | # add8e6 | Démo | |
| lightcoral | # f08080 | Démo | |
| cyan clair | # e0ffff | Démo | |
| or clair | # fafad2 | Démo | |
| vert clair | # 90ee90 | Démo | |
| gris clair | # d3d3d3 | Démo | |
| rose clair | # ffb6c1 | Démo | |
| saumon lumineux | # ffa07a | Démo | |
| vert clair | # 20b2aa | Démo | |
| bleu clair | # 87cefa | Démo | |
| lumière du jour | # 778899 | Démo | |
| bleu clair | # b0c4de | Démo | |
| jaune clair | # ffffe0 | Démo | |
| vert citron | # 32cd32 | Démo | |
| lin | # faf0e6 | Démo | |
| magenta | # ff00ff | Démo | |
| moyen bleu | # 0000cd | Démo | |
| orchidé moyen | # ba55d3 | Démo | |
| moyen violet | # 9370db | Démo | |
| bleu nuit | # 191970 | Démo | |
| mistyrose | # ffe4e1 | Démo | |
| mocassin | # ffe4b5 | Démo | |
| oldlace | # fdf5e6 | Démo | |
| Orange | # ffa500 | Démo | |
| orchidée | # da70d6 | Démo | |
| peachpuff | # ffdab9 | Démo | |
| Pérou | # cd853f | Démo | |
| rose | # ffc0cb | Démo | |
| prune | # dda0dd | Démo | |
| violet | # 800080 | Démo | |
| brun rosé | # bc8f8f | Démo | |
| bleu royal | # 4169e1 | Démo | |
| Saumon | # fa8072 | Démo | |
| brun sable | # f4a460 | Démo | |
| vert de mer | # 2e8b57 | Démo | |
| terre de sienne | # a0522d | Démo | |
| bleu ciel | # 87ceeb | Démo | |
| bleu ardoise | # 6a5acd | Démo | |
| bleu acier | # 4682b4 | Démo | |
| bronzer | # d2b48c | Démo | |
| chardon | # d8bfd8 | Démo | |
| tomate | # ff6347 | Démo | |
| violet | # ee82ee | Démo | |
| blé | # f5deb3 | Démo | |
| fumée blanche | # f5f5f5 | Démo | |
| Jaune | # ffff00 | Démo | |
| vert jaunâtre | # 9acd32 | Démo |
Entités HTML
Certains caractères sont réservés en HTML et ont une signification particulière lorsqu'ils sont utilisés dans un document HTML. Par exemple, vous ne pouvez pas utiliser les signes supérieur et inférieur à ou les crochets angulaires dans votre texte HTML car le navigateur les traitera différemment et tentera de dessiner une signification liée à la balise HTML.
Les processeurs HTML doivent prendre en charge les cinq caractères spéciaux suivants répertoriés dans le tableau qui suit.
| symbole | La description | Nom de l'entité | Code de numéro |
|---|---|---|---|
| " | Guillemet | & quot; | & # 34; |
| ' | apostrophe | & apos; | & # 39; |
| & | esperluette | & amp; | & # 38; |
| < | moins que | & lt; | & # 60; |
| > | plus grand que | & gt; | & # 62; |
Exemple
Si vous voulez écrire <div id = "character"> sous forme de code, vous devrez écrire comme suit -
<!DOCTYPE html>
<html>
<head>
<title>HTML Entities</title>
</head>
<body>
<div id = "character">
</body>
</html>Cela produira le résultat suivant -
Il existe également une longue liste de caractères spéciaux en HTML 4.0. Pour qu'ils apparaissent dans votre document, vous pouvez utiliser les codes numériques ou les noms d'entités. Par exemple, pour insérer un symbole de copyright, vous pouvez utiliser l'une des méthodes suivantes:
© 2007
or
© 2007Entités de symbole ISO 8859-1
| Résultat | La description | Nom de l'entité | Code de numéro |
|---|---|---|---|
| Espace non-cassant | & nbsp; | & # 160; | |
| ¡ | point d'exclamation inversé | & iexcl; | & # 161; |
| ¤ | devise | & curren; | & # 164; |
| ¢ | cent | ¢ | & # 162; |
| £ | livre | &livre; | & # 163; |
| ¥ | yen | ¥ | & # 165; |
| ¦ | barre verticale cassée | & brvbar; | & # 166; |
| § | section | §e; | & # 167; |
| ¨ | tréma d'espacement | & uml; | & # 168; |
| © | droits d'auteur | &copie; | & # 169; |
| ª | indicateur ordinal féminin | & ordf; | & # 170; |
| « | guillemet d'angle (à gauche) | & laquo; | & # 171; |
| ¬ | négation | &ne pas; | & # 172; |
| | trait d'union souple | &timide; | & # 173; |
| ® | marque déposée | & reg; | & # 174; |
| ™ | marque déposée | &Commerce; | & # 8482; |
| ¯ | espacement macron | & macr; | & # 175; |
| ° | diplôme | & deg; | & # 176; |
| ± | plus ou moins | & plusmn; | & # 177; |
| ² | exposant 2 | & sup2; | & # 178; |
| ³ | exposant 3 | & sup3; | & # 179; |
| ´ | espacement aigu | &aigu; | & # 180; |
| µ | micro | & micro; | & # 181; |
| ¶ | paragraphe | ¶ | & # 182; |
| · | point du milieu | & middot; | & # 183; |
| ¸ | espacement cédille | & cedil; | & # 184; |
| ¹ | exposant 1 | & sup1; | & # 185; |
| º | indicateur ordinal masculin | & ordm; | & # 186; |
| » | guillemet d'angle (à droite) | & raquo; | & # 187; |
| ¼ | fraction 1/4 | & frac14; | & # 188; |
| ½ | fraction 1/2 | & frac12; | & # 189; |
| ¾ | fraction 3/4 | & frac34; | & # 190; |
| ¿ | point d'interrogation inversé | & iquest; | & # 191; |
| × | multiplication | &fois; | & # 215; |
| ÷ | division | &diviser; | & # 247; |
Entités de caractères ISO 8859-1
| Résultat | La description | Nom de l'entité | Code de numéro |
|---|---|---|---|
| UNE | capital a, accent grave | &Une tombe; | & # 192; |
| UNE | un majuscule, accent aigu | & Aacute; | & # 193; |
| UNE | majuscule a, accent circonflexe | & Acirc; | & # 194; |
| UNE | majuscule a, tilde | & Atilde; | & # 195; |
| UNE | majuscule a, marque tréma | & Auml; | & # 196; |
| UNE | capital a, anneau | &Un anneau; | & # 197; |
| Æ | capital ae | & AElig; | & # 198; |
| Ç | c majuscule, cédille | & Ccedil; | & # 199; |
| È | e majuscule, accent grave | & Egrave; | & # 200; |
| É | e majuscule, accent aigu | & Eacute; | & # 201; |
| Ê | e majuscule, accent circonflexe | & Ecirc; | & # 202; |
| Ë | majuscule e, marque tréma | & Euml; | & # 203; |
| JE | majuscule i, accent grave | & Igrave; | & # 204; |
| JE | i majuscule, accent aigu | & Iacute; | & # 205; |
| JE | i majuscule, accent circonflexe | & Icirc; | & # 206; |
| JE | majuscule i, marque tréma | & Iuml; | & # 207; |
| RÉ | capital eth, islandais | & ETH; | & # 208; |
| Ñ | n majuscule, tilde | & Ntilde; | & # 209; |
| Ò | o majuscule, accent grave | & Ograve; | & # 210; |
| Ó | o majuscule, accent aigu | & Oacute; | & # 211; |
| Ô | o majuscule, accent circonflexe | & Ocirc; | & # 212; |
| Õ | o majuscule, tilde | & Otilde; | & # 213; |
| Ö | o majuscule, marque tréma | & Ouml; | & # 214; |
| Ø | majuscule o, barre oblique | & Oslash; | & # 216; |
| Ù | majuscule, accent grave | & Ugrave; | & # 217; |
| Ú | u majuscule, accent aigu | & Uacute; | & # 218; |
| Û | u majuscule, accent circonflexe | & Ucirc; | & # 219; |
| Ü | u majuscule, marque tréma | & Uuml; | & # 220; |
| Ý | y majuscule, accent aigu | & Yacute; | & # 221; |
| Þ | capital THORN, islandais | &ÉPINE; | & # 222; |
| ß | small sharp s, allemand | & szlig; | & # 223; |
| une | petit accent grave | &une tombe; | & # 224; |
| une | petit a, accent aigu | & aacute; | & # 225; |
| une | petit accent circonflexe | & acirc; | & # 226; |
| une | petit a, tilde | & atilde; | & # 227; |
| une | petite marque tréma | & auml; | & # 228; |
| une | petit a, anneau | &un anneau; | & # 229; |
| æ | petit ae | & aelig; | & # 230; |
| ç | petit c, cédille | & ccedil; | & # 231; |
| è | petit e, accent grave | & egrave; | & # 232; |
| é | petit e, accent aigu | & eacute; | & # 233; |
| ê | petit e, accent circonflexe | & ecirc; | & # 234; |
| ë | petit e, marque tréma | & euml; | & # 235; |
| je | petit je, accent grave | & igrave; | & # 236; |
| je | petit i, accent aigu | & iacute; | & # 237; |
| je | petit i, accent circonflexe | & icirc; | & # 238; |
| je | petit i, marque tréma | & iuml; | & # 239; |
| ré | petit eth, islandais | & eth; | & # 240; |
| ñ | petit n, tilde | & ntilde; | & # 241; |
| ò | petit o, accent grave | & ograve; | & # 242; |
| ó | petit o, accent aigu | & eacute; | & # 243; |
| ô | petit o, accent circonflexe | & ocirc; | & # 244; |
| õ | petit o, tilde | & otilde; | & # 245; |
| ö | petit o, marque tréma | & ouml; | & # 246; |
| ø | petit o, barre oblique | & oslash; | & # 248; |
| ù | petit u, accent grave | & ugrave; | & # 249; |
| ú | petit u, accent aigu | & uacute; | & # 250; |
| û | petit u, accent circonflexe | & ucirc; | & # 251; |
| ü | petit u, marque tréma | & uuml; | & # 252; |
| ý | petit y, accent aigu | & yacute; | & # 253; |
| þ | petite épine, islandais | &épine; | & # 254; |
| ÿ | petit y, marque tréma | & yuml; | & # 255; |
Autres entités prises en charge par les navigateurs HTML
| Résultat | La description | Nom de l'entité | Code de numéro |
|---|---|---|---|
| Π| ligature majuscule OE | & OElig; | & # 338; |
| œ | petite ligature oe | & oelig; | & # 339; |
| Š | majuscule S avec caron | & Scaron; | & # 352; |
| š | petit S avec caron | & scaron; | & # 353; |
| Ÿ | majuscule Y avec diaeres | & Yuml; | & # 376; |
| ˆ | lettre de modification accent circonflexe | & circ; | & # 710; |
| ˜ | petit tilde | & tilde; | & # 732; |
| dans l'espace | & ensp; | & # 8194; | |
| espace em | & emsp; | & # 8195; | |
| espace mince | & thinsp; | & # 8201; | |
| | non-menuisier de largeur zéro | & zwnj; | & # 8204; |
| | menuisier de largeur nulle | & zwj; | & # 8205; |
| | marque de gauche à droite | & lrm; | & # 8206; |
| | marque de droite à gauche | & rlm; | & # 8207; |
| - | en tiret | & ndash; | & # 8211; |
| - | em dash | & mdash; | & # 8212; |
| ' | guillemet simple gauche | & lsquo; | & # 8216; |
| ' | guillemet simple à droite | & rsquo; | & # 8217; |
| ‚ | guillemet simple 9 bas | & sbquo; | & # 8218; |
| " | guillemet double gauche | & ldquo; | & # 8220; |
| " | guillemet double droit | & rdquo; | & # 8221; |
| „ | guillemet double bas-9 | & bdquo; | & # 8222; |
| † | dague | &dague; | & # 8224; |
| ‡ | double poignard | &Dague; | & # 8225; |
| … | points de suspension horizontaux | & hellip; | & # 8230; |
| ‰ | pour mille | & permil; | & # 8240; |
| ‹ | citation d'angle simple pointant vers la gauche | & lsaquo; | & # 8249; |
| › | citation d'angle simple pointant vers la droite | & rsaquo; | & # 8250; |
| € | euro | € | & # 8364; |