Kapitola VI. Barvy
D∙le₧it²m atributem znak∙ a objekt∙ na HTML strßnkßch je jejich barevnost, o nφ₧ si dnes povφme. HTML jazyk pou₧φvß pro reprezentaci barev RGB model s 16 mil. barev (TrueColor), tedy ka₧dß barva je definovßna jako podφl t°φ barevn²ch slo₧ek RGB (Red, Green, Blue Φervenß, zelenß, modrß), obdobn∞ jako u televiznφho p°ijφmaΦe. Barvy m∙₧ete zadßvat bu∩ v ΦφselnΘm vyjßd°enφ (viz dßle), nebo jako anglick² nßzev barvy (viz tabulka).
Anglick² nßzev | Popis | èestnßctkovΘ vyjßd°enφ |
ANTIQUEWHITE | omÜelß bφlß | FAEBD7 |
AQUAMARINE | akvamarφn | 7FFFD4 |
AZURE | azurovß | F0FFFF |
BEIGE | bΘ₧ovß | F5F5DC |
BLACK | Φernß | 000000 |
BLUE | modrß | 0000FF |
BLUEVIOLET | modrofialovß | 8A2BE2 |
BROWN | hn∞dß | A52A2A |
CADETBLUE | Üedomodrß | 5F9EA0 |
Pro pochopenφ zßpisu barevnΘho systΘmu je dobrΘ v∞d∞t, jak se zapisujφ Φφsla v ÜestnßctkovΘ soustav∞ (hexadecimßlnφ zßkladem je Φφslo 16, obdobn∞, jako v desφtkovΘ je zßklad Φφslo 10). Tedy b∞₧nΘ Φφslo 9 je v ÜestnßctkovΘ soustav∞ takΘ dev∞t, ale Φφslo 10 odpovφdß znaku "A", 11 je B, atd., a₧ 15 je F. ╚φslo Üestnßct se zapφÜe jako "10" (je p°ekroΦen dalÜφ °ßd, jako v desφtkovΘ soustav∞, a Φφslo mß dv∞ cifry). A pak to jde dßle, jak to ji₧ znßte, 17 odpovφdß 11 a desφtkovΘ Φφslo 255 odpovφdß FF.
Ka₧dß barevnß slo₧ka je tedy reprezentovanß jasovou ·rovnφ od nuly (zcela tmavß) a₧ po 255 (nejzß°iv∞jÜφ odstφn). èestnßctkovΘ vyjßd°enφ barvy v TrueColoru se zapisuje po sob∞ v po°adφ RGB, tedy nap°φklad FF0000 je jasnß Φervenß, 00FF00 zelenß a 0000FF modrß. Barvy se sklßdajφ jako sv∞tlo, tedy Φernß nezß°φ a tak se nemφchß; kdy₧ pak Φervenß a zelenß dßvajφ ₧lutou, vyjßd°enφ nejjasn∞jÜφ ₧lutΘ je FFFF00. P°ed Φφslo m∙₧ete uvΘst takΘ znak "#", na jeho₧ nep°φtomnost jsou n∞kterΘ prohlφ₧eΦe hßklivΘ.
Barevnost strßnky
Prvnφ mφsto, kde uplatnφte svΘ znalosti o barv∞, je nastavenφ HTML strßnky, kde definujete, jakou barvu mß mφt pozadφ (BGCOLOR), normßlnφ text (TEXT), odkaz (LINK), navÜtφven² odkaz (VLINK) a aktivnφ odkaz (ALINK kdy₧ se odkaz vybere myÜφ).
Tyto parametry se zapisujφ k p°φkazu BODY, kter² oznaΦuje t∞lo strßnky. Zde je p°φklad, jen₧ nastavφ bφlΘ pozadφ, Φern² text, modrΘ odkazy (o t∞ch pozd∞ji), fialov∞ navÜtφvenΘ odkazy a Φerven∞ aktivnφ odkazy:
<body TEXT="#000000"
bgcolor="#FFFFFF" link="#0000FF" vlink="#FF00FF" alink="#FF0000">
To samΘ je mo₧nΘ napsat i pomocφ anglickΘho nßzvu barev, co₧ je sice mnohdy v²hodnΘ, ale u slo₧it∞jÜφch barev se termφny Üpatn∞ pamatujφ, zatφmco Φφslo je mo₧nΘ kdykoliv odvodit:
<body text="BLACK" bgcolor="WHITE" link="BLUE" vlink="MAGENTA" alink="RED">
DalÜφ objekty
Barvu je mo₧nΘ m∞nit i u textu uprost°ed strßnky pomocφ p°φkazu FONT, o kterΘm jsme si povφdali v minulΘm dφle. Tedy pokud chcete zm∞nit barvu textu nap°φklad na zlatou, staΦφ napsat:
<FONT COLOR="GOLD"> Toto je text ze zlata</FONT>
Nebo p°φpadn∞:
<FONT COLOR="#FFD700"> Toto je text ze zlata</FONT>
A chybφ u₧ jen v²pis zkuÜebnφ strßnky, kde jsou uvedeny p°φklady pou₧itφ, tak jak jsme si je ukßzali.
<HTML>
<HEAD>
<TITLE>Kapitola VI.</TITLE>
</HEAD>
<body TEXT="WHITE" bgcolor="BLACK" link="BLUE" vlink="MAGENTA" alink="RED">
Toto je ukßzka normßlnφho textu. <br>
<FONT COLOR="#FFD700"> Toto je text ze zlata</FONT><br>
<a href="...">Toto je ukßzka odkazu. </a><br>
</BODY>
</HTML>A
(pokraΦovßnφ p°φÜt∞)
BED╪ICH SMETANA