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


Základy

Co je to webová stránka?

Webová stránka je jedna určitá stránka na jedné určité adrese. Zobrazuje se jako dokument internetového prohlížeče po zadání příslušné URL adresy, většinou pomocí World Wide Webu (WWW).

Data jsou psána kódem pomocí značkovacího jazyka HTML nebo XHTML a kaskádových stylů CSS. Html dokument je zdrojovým kódem webové stránky.


Struktura html dokumentu

Dokument je složen z hlavičky a těla.

Hlavička dokumentu se nezobrazuje. Obsahuje nepovinně tagy (title, meta, link, style, script aj.)

Body (tělo) obsahuje veškerý zobrazovaný obsah stránky.

Odkazy

Jak se dělá odkaz

Odkaz se vytvoří tagem <a>.Nejdříve si zkopírujeme libovolný odkaz a vložíme jej do tagu <a> a </a> Například: <a href="odkaz"> Jakékoliv název, jméno. </a>

Příklady odkazů

Odkaz na stránku
Odkaz na konkrétní stránku ze seznamu Věda & Vesmír.cz
Odkaz na pokusný dokument, který je na stejném místě jako index.html
Odkaz na 1.kapitola Dlouhého dokumentu.
Odkaz na 2.kapitolu Dlouhého dokumentu.
Odkaz na Předposlední kapitola Dlouhého dokumentu.
Odkaz na Poslední kapitola Dlouhého dokumentu.
Tento odkaz se otevře v novém okně.
Tento odkaz se otevře v novém okně jménem chichichi.
Tento odkaz se otevře v novém okně jménem chichichi.

Obrázky

Jak vložit obrázek do html stránky

Odkaz se vloží do html stránky tagem <img>, který je nepárový tag. Obrázek vložím pomocí zobáčku do kterého vpíšeme: <img src= "název obrázku který sem chceme vložit">. Velké obrázky musíme zmenšit aby nebyli po celé stránce. Větší velikost obrazků můžeme dát na link, který ten obrázek ukáže v plné velikosti po tom, co na to kliknem.

Příklady


Tuto stránku spravuje Veronika Nová