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> )
<html>
<head>
</head>
<body>
</body>
</html>
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 :
<html>
<head>
</head>
<body>
<b>Ma prvni stranka</b>
</body>
</html>
- 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).