Základní stavba HTML

Základní kostra stránky

Pro jednoduchou stránku bez rámů je základní stavba stránky téměř vždy stejná:

<HTML>
<HEAD>
<META NAME="xxx">
<TITLE>
název stránky</TITLE>
</HEAD>
<BODY>

vlastní obsah stránky

</BODY >
</HTML>


Takhle to bude ve většině případů vypadat. Teď je jen třeba pochopit, co znamenají jednotlivé příkazy (HTML příkazům se taky občas říká HTML tagy).

<HTML>
Tento příkaz oznamuje, že jde o HTML dokument. Některé prohlížeče umožňují číst i dokumenty bez tohoto příkazu, ale doporučuji je uvádět. Tento příkaz je párový, tzn. že někde v dokumentu (v tomto případě na konci) musí být stejný příkaz s lomítkem (</HTML>). Většina příkazů jazyka HTML je párových, takže pro ukončení jejich činnosti (platnosti) musíte použít lomítko.
<HEAD>
Tento příkaz označuje hlavičku HTML dokumentu. Je také párový. Do hlavičky se většinou píše titulek, příkazy pro browser a informace.
<META>
Toto je příkaz pro informativní parametry dokumentu. Pokud je použit (není povinný), musí být zařazen do hlavičky (mezi příkaz <HEAD> a </HEAD>. Slouží pro distribuci metainformací browseru (strašné spojení, takže vysvětlím). Když máte dokument bez metainformace, tak je statický (tj. browser čeká, až vy něco stisknete a podle toho zareaguje). Metainformace je akce, která se po splnění podmínky, kterou ve většině případů uživatel neovlivní (leda že by vypnul počítač :-). Takový typický příklad metainformace je, že browser na x sekund nechá stránku zobrazenou a pak automaticky přehodí na danou stránku.
Příklad: <META HTTP-EQUIV=REFRESH CONTENT="10; URL=http://www.spsselib.hiedu.cz/~xbezuch">
tenhle řádek vás 10 sekund po načtení dokumentu hodí na na moji homepage (www.spsselib.hiedu.cz/~xbezuch) :-)
<TITLE>
V tomto příkazu se definuje titulek HTML dokumentu, který se zobrazí jako nadpis pro okno. Je také párový.
<BODY>
Zde píšeme vlastní tělo dokumentu. Co bude za tímto příkazem se zobrazí v okně browseru. Příkaz je párový a má následující parametry (ty se píší za příkaz, ale tohle už víte z úvodu):
BACKGROUND="název_souboru "
Jako pozadí se zvolí obrázek název_souboru. Obrázek musí být ve formátu GIF nebo JPEG. Pokud je obrázek menší než okno, bude se dlaždičkovitě kopírovat (jako třeba vzor plochy v X-Window nebo MacOS nebo we woknech).
BGCOLOR="#RRGGBB"
Nastavuje barvu pozadí dokumetu. RRGGBB je hexadecimální číslo určující výslednou barvu z čísel barev RGB (např. FFFFFF je barva bílá, 000000 černá, FFFF00 je barva žlutá, atd.). Kromě #RRGGBB lze použít také slovo označující jednu ze základních 16ti barev VGA, viz. tabulka. Implicitní je barva šedá.
TEXT="#RRGGBB"
Nastavuje barvu textu v dokumentu. Také lze použít základní barvy. Implicitně černá.
LINK="#RRGGBB"
Nastavuje barvu linků v dokumentu. (viz. odkazy) Platí to samé pro parametr TEXT. Implicitně modrá.
ALINK="#RRGGBB"
Nastavuje barvu linků, na nichž je právě stisknut kurzor. Platí to samé pro parametr TEXT. Implicitně žlutá.
VLINK="#RRGGBB"
Nastavuje barvu linků, které byly již aktivovány. (cílová stránka již byla prohlédnuta...) Platí to samé pro parametr TEXT. Implicitně fialová.


Příklad

<HTML>
<HEAD>
<TITLE>Moje nová Home page</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" LINK="#FF0000"# ALINK="#00FFFF" VLINK="#666666">
Ahoj všichni, tohle je moje nová HOME PAGE!
</BODY>
</HTML>

Tento dokument bude mít titulek Moje nová Home page, barvu pozadí bude mít bílou a na stránku se vypíše Ahoj všichni, tohle je moje nová HOME PAGE!, zkrátka bude vypadat asi takto:

Příklad dokumentu