Základní struktura HTML stránky

Kód každé stránky se skládá z tří základních částí:

1/ označení začátku a konce HTML kódu ( element <html> )
2/ hlavička stránky ( zde jsou informace o stránce, titulek ap.) ( element <head> )
3/ tělo stránky ( zde jsou texty, obrázky a vše, co chcete zobrazit na stránce) ( element <body> )

První co udělá počítač při otevření každého souboru s přípomou HTML je, že zpracuje informace v hlavičce vymezené tagy "head" ( zde můžou být informace o titulku stránky, o autorovi, klíčových slovech, druhu kódování stránky , jazyku ap.) a dále zobrazí na obrazovku vše, co je uvedeno v těle - části vymezené tagy "body" .

Co to je tag , neboli element?

Tagy v HTML dělíme na párové (<b></b> ) a nepárové (<br>,) Různé druhy tagů do sebe můžete libovolně vnořovat, ale neměly by se křížit.

Například pokud chceme část textu zapsat tučným písmem mohlo by to vypadat např. takto:

<začni psát tučně>Tento text uvnitř bude zobrazen tučně</ přestaň psát tučně>.

Samozřejmě místo čekého textu "začni psát tučně" , kterému počítač nerozumí, je potřeba použít všeobecně dohodnuté značky, např:

<b>Text tučné písmo </b>
<i>Text šikmé písmo </i>
<p>ohraničený odstavec </p>
<FONT COLOR="red" >červené písmo</FONT >
<FONT COLOR="green" ><b>tučné a zelené písmo</b></FONT >

Příklad :

- by vypsal na obrazovku tučně text" : Ma prvni stranka".

Pokud si výše uvedený příklad opíšete, nebo zkopírujete např. v poznámkovém bloku do souboru a uložíte tento soubor s příponou .html (např. index.html) , můžete ho následně otevřít ve vašem webovém prohlížeči a vyzkoušet si svojí první stránku.
Pozor ale na to, aby se neuložil s jinou příponou než .html (např. TXT), protože pak by se vám neotevřela stránka, ale pouze by se zobrazil obsah souboru s kódem. Piště zatím bez háčků a čárek, protože jsme počítači zatím nesdělili v jakém jazyce píšeme (viz kapitola č.4).