1 / 20

Farby v HTML

Farby v HTML. Pomenované farby. Niektoré dôležité farby majú svoje mená. Je definovaných 16 základných farieb: white, yellow, fuchsia, aqua, red, lime, blue, black, green, maroon, olive, purple, gray, navy, teal, silver. Príklad modrého pozadia stránky: <body bgcolor="blue">

deana
Download Presentation

Farby v HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Farby v HTML

  2. Pomenované farby • Niektoré dôležité farby majú svoje mená. Je definovaných 16 základných farieb: • white, yellow, fuchsia, aqua, red, lime, blue, black, green, maroon, olive, purple, gray, navy, teal, silver. • Príklad modrého pozadia stránky: • <body bgcolor="blue"> • alebo pomocou štýlu: • <style> body {background-color: blue}</style> • Zelené písmo: • <font color="green">zelené písmo</font> • alebo pomocou štýlu • <span style="color: green">zelené písmo</span>

  3. RGB model • Každé farebné svetlo sa skladá z troch zložiek: červenej, zelenej a modrej, po anglicky RGB = red, green, blue. • Keď sa určitým spôsobom zapíše, akou intenzitou sa má ktoré svetlo v ktorom bode obrazovky svietiť, tak sa z toho dá zložiť ľubovoľná farba. • Napríklad žltá je zmes červeného a zeleného svetla.

  4. Zápis farby v HTML • Percentový zápis • Pri tomto zápise sa udáva, z koľkých percent ktoré svetlo svieti. • Biela farba sa zapisuje v systéme rgb(100%, 100%, 100%). Červená je rgb(100%, 0%, 0%). Tmavo modrá rgb(0%, 0%, 50%) • Desiatkový zápis • Jedná sa o to isté ako pri percentovom zápise, ale škála nie je od nuly do stovky, ale od 0 do 255. • Krikľavo zelená farba je potom rgb(0, 255, 0), normálne zelená je rgb(0, 128, 0).

  5. Zápis farby v HTML • Šestnástkový zápis • Tento typ zápisu je trochu podobný desiatkovému zápisu s niekoľkými rozdielmi. • Nepoužíva zátvorky a medzery (používa sa tam iba # mriežka) a čísla sa zapisujú šestnástkovej (hexadecimálnej) sústave, takže sa každý odtieň vojde do dvoch znakov. • Zápis napr. modrej farby je potom #0000FF, pretože FF je hexadecimálny zápis čísla 255. • Hexadecimálny zápis sa dá ešte viac zjednodušiť na tri čísla, pokiaľ sú dvojice čísel rovnaké, napr. #3366cc = #36c.

  6. Príklady zápisu farby v HTML • Príklad: nasledujúce zápisy červenej farby sú ekvivalentné: • red • rgb(100%, 0%, 0%) • rgb(255, 0, 0) • #FF0000 • #ff00000 • #f00 • Alebo sa píše napr. • <font color="#008000>Pekné zelené písmo</font> • <font color="rgb(0, 128, 0)">Úplne rovnaké zelené písmo</font>

  7. Základné farby

  8. Bezpečné farby – safe color • Niektoré nové mobily, staršie monitory a staršie grafické karty (všeobecne zariadenia s 256 farbami) dokážu zobrazovať iba niektoré farby. • Všetky ostatné farby sa snažia iba napodobovať pomocou fŕkanej plochy (dithering), čo sa ale mnohokrát nedarí. Riešením je využitie tzv. Netscape palety. • Tieto farby majú v hexadecimálnom zápise pre každú farbu iba šesť možných hodnôt: 00, 33, 66, 99, CC alebo FF. • Napríklad #33CC66 je bezpečná farba (nazelenalá). Alebo #FF0066 je bezpečná červená. • V percentuálnom zápise sa môžu používať násobky 20%, čo zodpovedá násobkom čísla 51 v desatinnom zápise. • Takýchto bezpečných farieb je 216. • K bezpečným farbám patrí taktiež šestnásť odtieňov sivej farby (#xxxxxx, kde x je 0 až F).

  9. Neistota výslednej farby • Každý užívateľ vidí farby na stránke úplne inak. Je to spôsobené rôznymi typmi monitorov - na každom monitore vyzerá farba trochu inak. • Naviac si ľudia nastavujú rôzny jas a kontrast, takže sa na konkrétne zobrazenie farby nemôžete spoľahnúť. • To obzvlášť platí pre kombinácie farieb písma a pozadia -- čo sa na jednom monitore zdá celkom čitateľné, na inom však môže splývať do jednej plochy.

  10. Jednotky • Absolútne • cm, mm, px, ... • Relatívne • Percento, ex, em ...

  11. Pixely • Obrazovkové body. • Klasické rozlíšenie obrazovky je 800 x 600 bodov alebo 1024 x 768. • Pixely sú základnou dĺžkovou jednotkou v HTML. • Pokiaľ je niekde uvedený nejaký rozmer (bez znaku percent), tak je chápaný vždy ako počet pixelov.

  12. Percentá • Percentá sa v HTML zapisujú ako číslo a znak percenta. Nie je medzi tím medzera. • Ako 100% sa chápe šírka alebo výška nadradeného elementu. To môže byť tabuľka (table), bunka tabuľky (td), oddiel (div) a podobne. Ale nie je to napríklad odstavec (p), pretože ten sám o sebe žiadnu nastavenú alebo omedzenú šírku a výšku nemá. • Nadradeným elementom je často celý dokument. Preň platí: • šírka počíta z šírky dokumentu, čo je často šírka okna, ale môže to byť viac, pokiaľ nejaký element presahuje doprava. • percentuálny základ pre výšku sa ale pri dokumentoch chápe ako výška okna.

More Related