Vlastní tělo webové stránky.
Z minulého dílu víme co má být v hlavičce naší webové stránky. Pro další díly předpokládám, že onu hlavičku budete dávat opravdu na každou stránku a že s její přítomností počítáte.V díle pátem se podíváme na zoubek tagu <body>.
Co to je?
<body> nám narozdíl od hlavičky opravdu zasáhne do zobrazení stránky. Hlavička ovlivňuje zobrazení češtiny a vůbec stránky s ohledy na rozdílné prohlížeče, ktežto <body> nám určí barvu pozadí stránky, obrázek na pozadí barvu odkazů, textu, navštívených odkazů a právě použitých odkazů. Radši si jej rozepíšeme:
<body background="..." bgcolor="..." text="..." link="..." vlink="..." alink="...">
Zde je obsah stránky </body>
Možná to vypadá trohcu děsivě, ale není to tak hrozné
background="..."
Určuje nám obrázek na pozadí stránky. Místo tří teček zadáme cestu k obrázku. Může to být buď přímo webová adresa v podobě http://www.obrazky.cz/obrazek.jpg ale asi bude dobré si vysvětlit jak zadávat adresu když máme soubory v adresářích kolem stránek.
background="obrazek.jpg" - obrázek je v adresáři, kde je uložena (či bude) stránka
background="obrazky/obrazek.jpg" - je v adresáři zanořeném pod adresářem v kterém je stránka
background="../obrazek.jpg" - obrázek je o adresář výše než je stránka
Pokud dáme obrázek menší než je rozlišení uživatele, tak se nakopíruje vedle sebe. Načítá se pouze jednou a zbytek jsou duplikáty.
bgcolor="..."
Nám určuje barvu pozadí. Místo tří teček opět zadáme co chceme. Přitom můžeme buď barvu přímo napsat (anglicky) bgcolor="black" nebo jí zapsat v jejím kódu bgcolor="#000000". Tabulku barev a jejich kódů najdete na konci této lekce, ale spíše se vyplatí nějaký prográmek, který vám kód barvy ukáže po najetí.
link="...", vlink="...", alink="..." a text="..."
Opět jde pouze o barvy a nic jiného. Místo tří teček si zvolíme barvu, přičemž platí stejná pravidla jako v odstavci výše.
link - barva klasického odkazu
vlink - barva již navštíveného odkazu�
alink - barva odkazu na nějž sme zrovna klepli a prohlížíme stránku kterou nám zobrazil
text - barva klasického textu, pokud ji dále ve stránce pro určitý text nezměníme
Tím by bylo naše snažení o nastavení vzhledu stránky ukončeno a za tag <body> již píšeme samotný kód stránky, ale o tom až příště. Nezapomeňte, že <body> je tag párový a tudíž bude muset být na konci stránky uzavřen </body>.
Slibovaná tabulka barev:
| black | #000000 | černá |
| maroon | #800000 | tmavě červená |
| green | #008000 | tmavě zelená |
| olive | #808000 | tmavě žlutá |
| navy | #000080 | tmavě modrá |
| purple | #800080 | tmavě fialová |
| teal | #008080 | tmavě tyrkysová |
| gray | #808080 | tmavě šedá |
| silver | #C0C0C0 | světle šedá |
| red | #FF0000 | červená |
| lime | #00FF00 | zelená |
| yellow | #FFFF00 | žlutá |
| Blue | #0000FF | modrá |
| fuchsia | #FF00FF | fialová |
| aqua | #00FFFF | tyrkysová |
| white | #FFFFFF | bílá |
Autor: El Carlos
2024 ©