|
Nejjednodušší stránka Tak, jako je tradičním začátečnickým programem „Hello, world!”, je tradičním začátkem HaTMatiLky prázdná stránka. To je tak: aby prohlížeč poznal, že má tu čest s HTML, musí stránka obsahovat příslušnou hlavičku. Pokud ji nemá, je považována za prostý, neformátovaný text a také tak zobrazena (většinou černý text na šedém pozadí). Proto je potřeba i prázdnou stránku formátovat. K tomu slouží tagy, tedy formátovací příkazy. Píší se do ostrých závorek (mezi znaménka větší/menší). Ve zdrojovém tvaru (tedy tak, jak se píše) vypadá stránka takto:
Koumavé duše zajisté zjistily, že tento příklad neukazuje skutečně nejjednodušší stránku. Popravdě řečeno, lze vynechat titulek, možná celou hlavičku… Ještě, když vynechám ukončení stránky (</Body></HTML>), zobrazí se stránka správně. To proto, že obecně není zaručeno, že do prohlížeče dorazí celá (úplná) stránka a tak si program poradí i s tím, co mu dorazilo, byť to nemá konec. (Ostatně, jsou stránky na Internetu, kde člověk ani na konec nečeká.)
Hello, world! — podruhé Předchozí příklad byl dost hanebný. Vlastně bylo těžké odlišit HaTMatiLku od obyčejného textu. Což je mi skvělou záminkou k vylepšování. Předně: šedivý (nebo jaký) podklad se mi nelíbí. Představuji si velký žlutý nápis na černé ploše. Ne úplně navrchu a hlavně — uprostřed řádku. (To si navymýšlím…) A taky by neškodilo, udělat pod ním nějakou čáru, podtržení, prostě to oddělit. Ano, to je správný postup. Nejdřív je potřeba si vymyslet jak má stránka vypadat a teprve potom se snažit, aby tak skutečně vypadala. Bezhlavé zkoušení všeho možného, vede k šeredným, nepřehledným a přeplácaným stránkám; tomu se pokusíme vyhnout.
Stránka získala na barevnosti. Jak je v příkladu vidět, barvy se zadávají jakýmsi kódem. (Dále budu psát RRGGBB nebo rrggbb, protože jde o zápis RGB.) Tím není nic jiného, než hexadecimální (šestnáctkový) zápis složek Red-Green-Blue, ze kterých se skládají všechny barvy na obrazovce. Někdy se této „trojici dvojic” říká triplet. Stručně lze říct, že každá dvojice čísel (00..FF) označuje úroveň jedné složky, 00 znamená, že tato část v barvě chybí, FF značí, že více jí už být nemůže. Takže 000000 je černá (žádná ze složek tu není zastoupena) a FFFFFF je bílá (svítí, co to jde). Pro přehlednost nabízím ukázku:
Kromě tohoto krkolomného zápisu je definováno dalších šestnáct barev „slovně”: Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow a Aqua. Přestože barvy se zadávají True color, zobrazují se podle schopností monitoru. Ostatně, pokud používáte Windows v šestnácti barvách, zcela jistě vidíte, o čem mluvím. Proto jest záhodno barvami šetřit a vždy si rozmyslet, jako to bude vypadat šestnáctibarevně!
|
Obsah Lekce 1 prostá stránka příklad úkol 1 Hello! příklad barvy úkol 2 Lekce 3 Lekce 4 Lekce 5 Lekce 6 Lekce 7 Lekce 8 Lekce 9 Lekce 10 Lekce 11 Lekce 12 |
|