2. ročník IKT - tvorba webové stránky

Základy

Co je to webová stránka

Webová stránka je v informatice označení, pro soubor dat zobrazovaný uživateli webovým prohlížečem.

Struktura HTML dokumentu

HTML dokument se skládá z hlavičky a těla. Hlavička dokumentu, která se nezobrazuje, obsahuje nepovinně další tagy. Tělo dokumentu. Obsahuje veškerý zobrazovaný obsah stránky.

Význam některých HTML značek

značka	(Ne)Párová	význam
<html>	P	ohraničuje celý html dokument
<head>	P	hlavička
<br>	N	zalomení řádku
<body>	P	tělo dokumentu
<p>	P	odstavec
<hr>	N	horizontální čára
<hl>	P	nadpis nejvyšší úrovně

Pokud chci mít data uspořádané do řádků a sloupců, je možné použít html tabulku (viz.výše) Jiný způsobu uspořádání je tvz. "předformátový text":

 
 -----------------------------------------------
 značka            význam
 -----------------------------------------------
 html   párová     ohraničuje celý html dokument
 h1     párová     nadpis nejyšší úrovně
 br   nepárová     zalomení řádku
 -----------------------------------------------

Odkazy

Jak se dělá odkaz

....

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na článek na seznamu.
Odkaz na pokusný dokument(je ve stejné složce)
Odkaz na Dlouhý dokument
Odkaz na 2.kapitolu Dlouhý dokument
Odkaz na 4.kapitolu Dlouhý dokument
Tento dokument se otevře v novém okně
Tento dokument se otevře v novém okně
Tento dokument se otevře v okně jménem "kalibr"
Tento dokument se otevře v okně jménem "kalibr"

Obrázky

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris tincidunt sem sed arcu. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Etiam quis quam. Phasellus rhoncus. Aenean placerat. Vestibulum fermentum tortor id mi. Aliquam id dolor. Curabitur bibendum justo non orci.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Pellentesque arcu. Nullam rhoncus aliquam metus. In enim a arcu imperdiet malesuada. Duis pulvinar.

Duis condimentum augue id magna semper rutrum. Aenean vel massa quis mauris vehicula lacinia. Mauris elementum mauris vitae tortor. Aenean fermentum risus id tortor. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Nullam eget nisl. Aliquam erat volutpat. Quisque tincidunt scelerisque libero. Nunc auctor. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Etiam quis quam.