- internet4U -

HEJ TY, UM͊ HTML?

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
      Nutnß matematika

      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

internet4U