HTML - Nomi dei colori
La tabella seguente mostra i 16 nomi di colori che sono stati introdotti in HTML 3.2 -
Nome colore | Valore esadecimale | Colore | Spettacolo |
---|---|---|---|
acqua | # 00ffff | Demo | |
nero | # 000000 | Demo | |
blu | # 0000ff | Demo | |
fucsia | # ff00ff | Demo | |
verde | # 008000 | Demo | |
grigio | # 808080 | Demo | |
lime | # 00ff00 | Demo | |
marrone | # 800000 | Demo | |
Marina Militare | # 000080 | Demo | |
oliva | # 808000 | Demo | |
viola | # 800080 | Demo | |
rosso | # ff0000 | Demo | |
argento | # c0c0c0 | Demo | |
verde acqua | # 008080 | Demo | |
bianca | #ffffff | Demo | |
giallo | # ffff00 | Demo |
Ci sono altri colori che non fanno parte di HTML o XHTML ma sono supportati dalla maggior parte delle versioni dei principali browser.
Nome colore | Valore esadecimale | Colore | Spettacolo |
---|---|---|---|
aliceblue | # f0f8ff | Demo | |
bianco antico | # faebd7 | Demo | |
acquamarina | # 7fffd4 | Demo | |
azzurro | # f0ffff | Demo | |
beige | # f5f5dc | Demo | |
bisque | # ffe4c4 | Demo | |
mandorle sbollentate | #ffebcd | Demo | |
blu viola | # 8a2be2 | Demo | |
Marrone | # a52a2a | Demo | |
burlywood | # deb887 | Demo | |
cadetblue | # 5f9ea0 | Demo | |
chartreuse | # 7fff00 | Demo | |
cioccolato | # d2691e | Demo | |
corallo | # ff7f50 | Demo | |
fiordaliso | # 6495ed | Demo | |
cornsilk | # fff8dc | Demo | |
cremisi | # dc143c | Demo | |
ciano | # 00ffff | Demo | |
blu scuro | # 00008b | Demo | |
darkcyan | # 008b8b | Demo | |
darkgoldenrod | # b8860b | Demo | |
grigio scuro | # a9a9a9 | Demo | |
verde scuro | # 006400 | Demo | |
cachi scuro | # bdb76b | Demo | |
darkmagenta | # 8b008b | Demo | |
darkolivegreen | # 556b2f | Demo | |
arancione scuro | # ff8c00 | Demo | |
darkorchid | # 9932cc | Demo | |
rosso scuro | # 8b0000 | Demo | |
salmone scuro | # e9967a | Demo | |
verde scuro | # 8fbc8f | Demo | |
darkslateblue | # 483d8b | Demo | |
darkslategray | # 2f4f4f | Demo | |
turchese scuro | # 00ced1 | Demo | |
viola scuro | # 9400d3 | Demo | |
rosa scuro | # ff1493 | Demo | |
deepskyblue | # 00bfff | Demo | |
grigio scuro | # 696969 | Demo | |
dodgerblue | # 1e90ff | Demo | |
mattone refrattario | # b22222 | Demo | |
floreale bianco | # fffaf0 | Demo | |
verde foresta | # 228b22 | Demo | |
gainsboro | #dcdcdc | Demo | |
ghostwhite | # f8f8ff | Demo | |
oro | # ffd700 | Demo | |
verga d'oro | # daa520 | Demo | |
grigio | # 808080 | Demo | |
verde giallo | # adff2f | Demo | |
melata | # f0fff0 | Demo | |
rosa caldo | # ff69b4 | Demo | |
indianred | # cd5c5c | Demo | |
indaco | # 4b0082 | Demo | |
avorio | # fffff0 | Demo | |
cachi | # f0e68c | Demo | |
lavanda | # e6e6fa | Demo | |
lavenderblush | # fff0f5 | Demo | |
prato verde | # 7cfc00 | Demo | |
lemonchiffon | #fffacd | Demo | |
azzurro | # add8e6 | Demo | |
lightcoral | # f08080 | Demo | |
ciano chiaro | # e0ffff | Demo | |
lightgoldenrodyellow | # fafad2 | Demo | |
verde chiaro | # 90ee90 | Demo | |
grigio chiaro | # d3d3d3 | Demo | |
rosa chiaro | # ffb6c1 | Demo | |
salmone chiaro | # ffa07a | Demo | |
verde chiaro | # 20b2aa | Demo | |
azzurro cielo | # 87cefa | Demo | |
lightslategray | # 778899 | Demo | |
azzurro | # b0c4de | Demo | |
giallo chiaro | # ffffe0 | Demo | |
verde lime | # 32cd32 | Demo | |
biancheria | # faf0e6 | Demo | |
magenta | # ff00ff | Demo | |
blu medio | # 0000cd | Demo | |
mediumorchid | # ba55d3 | Demo | |
medio-violetto | # 9370db | Demo | |
blu notte | # 191970 | Demo | |
mistyrose | # ffe4e1 | Demo | |
mocassino | # ffe4b5 | Demo | |
oldlace | # fdf5e6 | Demo | |
arancia | # ffa500 | Demo | |
orchidea | # da70d6 | Demo | |
peachpuff | # ffdab9 | Demo | |
Perù | # cd853f | Demo | |
rosa | # ffc0cb | Demo | |
prugna | # dda0dd | Demo | |
viola | # 800080 | Demo | |
rosybrown | # bc8f8f | Demo | |
Blu Reale | # 4169e1 | Demo | |
salmone | # fa8072 | Demo | |
sabbia marrone | # f4a460 | Demo | |
mare verde | # 2e8b57 | Demo | |
Siena | # a0522d | Demo | |
cielo blu | # 87ceeb | Demo | |
blu ardesia | # 6a5acd | Demo | |
Blu acciaio | # 4682b4 | Demo | |
abbronzatura | # d2b48c | Demo | |
cardo | # d8bfd8 | Demo | |
pomodoro | # ff6347 | Demo | |
viola | # ee82ee | Demo | |
Grano | # f5deb3 | Demo | |
fumo bianco | # f5f5f5 | Demo | |
giallo | # ffff00 | Demo | |
giallo verde | # 9acd32 | Demo |
Entità HTML
Alcuni caratteri sono riservati in HTML e hanno un significato speciale se utilizzati nel documento HTML. Ad esempio, non è possibile utilizzare i segni maggiore e minore o parentesi angolari all'interno del testo HTML perché il browser li tratterà in modo diverso e proverà a tracciare un significato correlato al tag HTML.
I processori HTML devono supportare i seguenti cinque caratteri speciali elencati nella tabella che segue.
Simbolo | Descrizione | Nome dell'entità | Codice numerico |
---|---|---|---|
" | Virgolette | & quot; | & # 34; |
' | apostrofo | & apos; | & # 39; |
& | e commerciale | & amp; | & # 38; |
< | meno di | & lt; | & # 60; |
> | più grande di | & gt; | & # 62; |
Esempio
Se vuoi scrivere <div id = "carattere"> come codice, dovrai scrivere come segue:
<!DOCTYPE html>
<html>
<head>
<title>HTML Entities</title>
</head>
<body>
<div id = "character">
</body>
</html>
Questo produrrà il seguente risultato:
C'è anche un lungo elenco di caratteri speciali in HTML 4.0. Affinché questi compaiano nel tuo documento, puoi utilizzare i codici numerici o i nomi delle entità. Ad esempio, per inserire un simbolo di copyright è possibile utilizzare uno dei seguenti:
© 2007
or
© 2007
Entità simbolo ISO 8859-1
Risultato | Descrizione | Nome dell'entità | Codice numerico |
---|---|---|---|
spazio unificatore | & nbsp; | & # 160; | |
¡ | punto esclamativo invertito | & iexcl; | & # 161; |
¤ | moneta | & curren; | & # 164; |
¢ | cento | & cent; | & # 162; |
£ | libbra | &libbra; | & # 163; |
¥ | yen | ¥ | & # 165; |
¦ | barra verticale rotta | & brvbar; | & # 166; |
§ | sezione | &setta; | & # 167; |
¨ | dieresi di spaziatura | & uml; | & # 168; |
© | diritto d'autore | &copia; | & # 169; |
ª | indicatore ordinale femminile | & ordf; | & # 170; |
« | virgolette angolari (a sinistra) | & laquo; | & # 171; |
¬ | negazione | &non; | & # 172; |
| trattino morbido | &timido; | & # 173; |
® | marchio registrato | & reg; | & # 174; |
™ | marchio | &commercio; | & # 8482; |
¯ | spaziatura macron | & macr; | & # 175; |
° | grado | & deg; | & # 176; |
± | più o meno | & plusmn; | & # 177; |
² | apice 2 | & sup2; | & # 178; |
³ | apice 3 | & sup3; | & # 179; |
´ | spaziatura acuta | & acute; | & # 180; |
µ | micro | & micro; | & # 181; |
¶ | paragrafo | &parà; | & # 182; |
· | punto centrale | & middot; | & # 183; |
¸ | cediglia spaziatura | & cedil; | & # 184; |
¹ | apice 1 | & sup1; | & # 185; |
º | indicatore ordinale maschile | & ordm; | & # 186; |
» | virgolette angolari (a destra) | & raquo; | & # 187; |
¼ | frazione 1/4 | & frac14; | & # 188; |
½ | frazione 1/2 | & frac12; | & # 189; |
¾ | frazione 3/4 | & frac34; | & # 190; |
¿ | punto interrogativo invertito | & iquest; | & # 191; |
× | moltiplicazione | &volte; | & # 215; |
÷ | divisione | ÷re; | & # 247; |
Entità carattere ISO 8859-1
Risultato | Descrizione | Nome dell'entità | Codice numerico |
---|---|---|---|
UN | a maiuscola, accento grave | &Una tomba; | & # 192; |
UN | a maiuscola, accento acuto | & Aacute; | & # 193; |
UN | a maiuscola con accento circonflesso | & Acirc; | & # 194; |
UN | a maiuscola, tilde | & Atilde; | & # 195; |
UN | a maiuscola, segno di dieresi | & Auml; | & # 196; |
UN | a maiuscola, anello | &Un anello; | & # 197; |
Æ | ae maiuscola | & AElig; | & # 198; |
Ç | capitale c, cediglia | & Ccedil; | & # 199; |
È | e maiuscola, accento grave | & Egrave; | & # 200; |
É | e maiuscola, accento acuto | & Eacute; | & # 201; |
Ê | e maiuscola con accento circonflesso | & Ecirc; | & # 202; |
Ë | e maiuscola, segno di dieresi | & Euml; | & # 203; |
IO | i maiuscola, accento grave | & Igrave; | & # 204; |
IO | i maiuscola, accento acuto | & Iacute; | & # 205; |
IO | i maiuscola con accento circonflesso | & Icirc; | & # 206; |
IO | I maiuscola, segno dieresi | & Iuml; | & # 207; |
Ð | capitale etico, islandese | & ETH; | & # 208; |
Ñ | n maiuscola, tilde | & Ntilde; | & # 209; |
Ò | O maiuscola, accento grave | & Ograve; | & # 210; |
Ó | o maiuscola, accento acuto | & Oacute; | & # 211; |
Ô | O maiuscola, accento circonflesso | & Ocirc; | & # 212; |
Õ | o maiuscola, tilde | & Otilde; | & # 213; |
Ö | o maiuscola, segno dieresi | & Ouml; | & # 214; |
Ø | o maiuscola, barra | & Oslash; | & # 216; |
Ù | u maiuscola, accento grave | & Ugrave; | & # 217; |
Ú | u maiuscola, accento acuto | & Uacute; | & # 218; |
Û | u maiuscola con accento circonflesso | & Ucirc; | & # 219; |
Ü | u maiuscola, segno dieresi | & Uuml; | & # 220; |
Ý | y maiuscola, accento acuto | & Yacute; | & # 221; |
Þ | THORN maiuscola, islandese | &SPINA; | & # 222; |
ß | s minuscole diesis, tedesco | & szlig; | & # 223; |
un | a minuscola, accento grave | &una tomba; | & # 224; |
un | una minuscola, accento acuto | & aacute; | & # 225; |
un | a minuscola con accento circonflesso | & acirc; | & # 226; |
un | a minuscola, tilde | & atilde; | & # 227; |
un | a minuscola, segno dieresi | & auml; | & # 228; |
un | una piccola, anello | &un anello; | & # 229; |
æ | piccolo ae | & aelig; | & # 230; |
ç | c minuscola, cediglia | & ccedil; | & # 231; |
è | e minuscola, accento grave | & egrave; | & # 232; |
é | e minuscola, accento acuto | & eacute; | & # 233; |
ê | e minuscola con accento circonflesso | & ecirc; | & # 234; |
ë | e minuscola, segno dieresi | & euml; | & # 235; |
io | i minuscola, accento grave | & igrave; | & # 236; |
io | i minuscola, accento acuto | & iacute; | & # 237; |
io | i minuscola con accento circonflesso | & icirc; | & # 238; |
io | piccola i, segno dieresi | & iuml; | & # 239; |
ð | piccolo eth, islandese | & eth; | & # 240; |
ñ | piccola n, tilde | & ntilde; | & # 241; |
ò | o minuscola, accento grave | & ograve; | & # 242; |
ó | o minuscola, accento acuto | & oacute; | & # 243; |
ô | o minuscola con accento circonflesso | & ocirc; | & # 244; |
õ | piccola o, tilde | & otilde; | & # 245; |
ö | piccola o, segno dieresi | & ouml; | & # 246; |
ø | piccola o, barra | & oslash; | & # 248; |
ù | u minuscola, accento grave | & ugrave; | & # 249; |
ú | u minuscola, accento acuto | & uacute; | & # 250; |
û | u minuscola con accento circonflesso | & ucirc; | & # 251; |
ü | u minuscola, segno dieresi | & uuml; | & # 252; |
ý | y minuscola, accento acuto | & yacute; | & # 253; |
þ | piccola spina, islandese | &spina; | & # 254; |
ÿ | y piccola, segno di dieresi | & yuml; | & # 255; |
Altre entità supportate dai browser HTML
Risultato | Descrizione | Nome dell'entità | Codice numerico |
---|---|---|---|
Œ | legatura maiuscola OE | & OElig; | & # 338; |
œ | piccola legatura oe | & oelig; | & # 339; |
S | S maiuscola con caron | & Scaron; | & # 352; |
S | piccola S con caron | & scaron; | & # 353; |
Ÿ | Y maiuscola con diari | & Yuml; | & # 376; |
ˆ | lettera di modifica accento circonflesso | & circ; | & # 710; |
˜ | piccola tilde | & tilde; | & # 732; |
nello spazio | & ensp; | & # 8194; | |
em spazio | & emsp; | & # 8195; | |
spazio sottile | & thinsp; | & # 8201; | |
| non-joiner di larghezza zero | & zwnj; | & # 8204; |
| falegname a larghezza zero | & zwj; | & # 8205; |
| segno da sinistra a destra | & lrm; | & # 8206; |
| segno da destra a sinistra | & rlm; | & # 8207; |
- | en dash | & ndash; | & # 8211; |
- | em dash | & mdash; | & # 8212; |
' | virgoletta singola sinistra | & lsquo; | & # 8216; |
' | virgoletta singola destra | & rsquo; | & # 8217; |
‚ | virgolette singole basse | & sbquo; | & # 8218; |
" | virgolette doppie a sinistra | & ldquo; | & # 8220; |
" | virgolette doppie a destra | & rdquo; | & # 8221; |
„ | virgolette doppie low-9 | & bdquo; | & # 8222; |
† | pugnale | &pugnale; | & # 8224; |
‡ | doppio pugnale | &Pugnale; | & # 8225; |
... | ellissi orizzontali | & hellip; | & # 8230; |
‰ | per mille | & permil; | & # 8240; |
‹ | citazione dell'angolo singolo verso sinistra | & lsaquo; | & # 8249; |
› | citazione di un angolo singolo a destra | & rsaquo; | & # 8250; |
€ | Euro | &Euro; | & # 8364; |