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

Základy

Co je to webová stránka?

Webová stránka je dokument, který váš webový prohlížeč (např. Firefox, Chrome, InternetExplorer, ...) získá od nějakého webového serveru a zobrazí jej.

Přívlastek "webový" znamená, že se týká nejrozšířenější internetové aplikace zvané World-Wide-Web určené pro poskytování informací.

Webová stránka se zapisuje v jazyce HTML (HyperText Markup Language). Jak název napovídá, je to text, ve kterém se vyskytují řídící značky neboli tagy.

HTML dokument tedy můžeme chápat jako zdrojový kód webové stránky.

Struktura html dkumentu

Celý html dokument je složen z hlavičky a těla. Hlavička je většinou krátká, obsahuje různé informace např. titulek okna nebo použité kódování.

Celý obsah webové stránky je umístěn v těle html dokumentu. Je rozdělen na jednotlivé odstavce a proložen nadpisy a podnadpisy. Nadpisů může být až 6 úrovní.

Frmátování textu

Webový prohlížeč si odstavce textu formátuje sám podle toho, jak má široké okno.

Snadno si to ověřím tak, že zkusím velikost okna změnit - prohlížeč si text přeformátuje podle nové velikosti okna.

Uspořádaný (předformátovaný) text

Pokud chci text uspořádat do sloupečků, mohu použít tzv. předformátovaný text. Ten prohlížeč formátuje stejně, jak je zapsán ve zdrojovém kódu stránky.

Text zobrazuje neproporcionálním písmem. Příklad použití:

Značka(Ne)PárováVýznam
htmlPohraničuje celý dokument
headPhlavička dokumentu
bodyPtělo dokumentu
hlPnadpis nejvyšší úrovně
pPodstavec(paragraph)
hrNčára(horizontal row)

brázky

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.

Allo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Etiam dictum tincidunt diam.

Praesent in mauris eu tortor porttitor accumsan. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Curabitur sagittis hendrerit ante. Nullam at arcu a est sollicitudin euismod. Integer lacinia.

Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam.

Fusce aliquam vestibulum ipsum. Aliquam erat volutpat. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.

Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Nullam sit amet magna in magna gravida vehicula.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Praesent id justo in neque elementum ultrices. Praesent in mauris eu tortor porttitor accumsan. Duis aute irure dolor in reprehenderit in voluptate.

Velit esse cillum dolore eu fugiat nulla pariatur. Etiam dictum tincidunt diam.

Vivamus ac leo pretium faucibus. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Nunc auctor.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Cras elementum. Curabitur sagittis hendrerit ante.

Donec quis nibh at felis congue commodo. Pellentesque pretium lectus id turpis. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci.

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?

Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Nulla quis diam. Donec iaculis gravida nulla. Cras elementum.

Různé varianty HTML odkazů

klik na brázek
Odkaz na
Odkaz na WOW?
Odkaz na střílejte!!!!
Odkaz na :o
Odkaz na rozhodně ne 1. dokument protože 1. je pod tímto
Odkaz na určitě ne 2. dokument 2. je totiž nad tímhle
Odkaz na baf?
Odkaz na Reddit velký bum
Odkaz na Škola Online
Odkaz na doslova tento dokument, protože mě nic dalšího nenapadá
Odkaz na PKUSY S BLKY
Odkaz na

Voglová