2. ročník IKT - tvorba webových stránek

Základy

Co je to webová stránka

Webová stránka je dokument, který náš webový prohlížeč (např. Firefox, Chrome, InternetExplorer,...) získá od nějakého webového serveru a zobrazí jej. Zapisuje se v jazyce HTML. Je to text ve kterém se používají tzv. řídící značky - tagy. HTML dokument je zdrojový kod webové stránky. Zem je placatá, no... možná ne, ale elektřina jede v drátech jako auta po dálnici.

Struktura html dokumentu

Struktura stránky obsahuje základní značky začínající úvodem, titulem, hlavičkou. Pak je obsah těla ve kterém se dá vytvořit menu a vložit odkazy na stránky. Pak se dají vložit odkazy na webové stránky a ruzné aktivity. Tělo dokumentu je složeno z nadpisů a odstavců.

Odkazy

Jak se dělá odkaz?

Odkaz se vytvoří tagem <a>. Za a můžeme přidat href="odkaz", na který nás to po kliknutí odkáže na stránku, obrázek atd.

příklady odkazů

Odkaz na stránky seznamu
Odkaz na dlouuuuuuuuuuuuuuuuuuuuuuuuuuuuuhý dokumet.
Odkaz na dokumet ve stejné složce.
Odkaz na druhou kapitolu dlouhého dokumentu :3 Třetí Čtvrtá
Tento odkaz se otevře v novém okně :O
Tento odkaz se otevře v novém okně OwO
A tenhle taky!!! :o

Příklady praktických HTML odkazů

Rozvržení webové stránky pomocí prvků <div>

Rozvržení webové stránky pomocí mřížky

webový formulář

Můj vlastní formulář

závorky

Obrázek na web vkládáme pomocí nepárového tagu <img>