Příklady

Rozvržení stránky: bloku div
Rozvržení stránky pomocí mřížky
Webový formulář můj

IKT - tvorba webových stránek

Základy

Co je to webová stránka?

webová stránka je skupina dat zobrazovaný uživateli webovým prohlížečem:)

Struktura HTML dokumentu

Tag určuje verzy HTML nebo XHTML, která je v dokumentu použita. Musí být vždy na prvním místě.

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
<p> P odstavec
<br> N odřádkování
<hr> N horizontální čára

Pokud chceme data uspořádat do řádků a sloupců, můžeme použít HTML tabulku (viz.výše). Jiný způsob uspořádání je tzv. "předformátovaný text":

značka              význam
_________________________________________________
html     párová     ohraničuje celý html dokument
head     párová     hlavička
br     nepárová     odřádkování
________________________________________________

Odkazy

Co je to odkaz

Po vybrání textu nebo dokumentu, který se má zobrazit jako odkaz, se stiskne kombinace kláves Ctrl+K. V okně vložit hypertextový odkaz zadejte nebo vložte svůj odkaz do pole Adresa. Odakz se dělá HTML tagem a mezi tagy se vloží text, který je pak viditelný na stránce. Musí také obsahovat href, ten určuje adresu, díky tomu prohlížeč ví na jakou stránku se přepnout.

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na článek na seznamu.cz.
Odkaz na pokusný dokument (je ve stejné složce).
Odkaz na dlouhý dokument.
Odkaz na 7.kapitolu dlouhého dokumentu
Tento dokument se otevře v novém okně/panelu.
Tento dokument se otevře v okně/panelu jménem "berný".
Tento dokument se otevře v okně/panelu jménem "berný".

Obrázky

Jak vložit obrázek

Tady svými slovy ...

Příklady obrázků

In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Aenean vel massa quis mauris vehicula lacinia. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Nullam at arcu a est sollicitudin euismod. Nulla non lectus sed nisl molestie malesuada. Maecenas sollicitudin. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Etiam commodo dui eget wisi. Sed convallis magna eu sem. Maecenas sollicitudin.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc auctor. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. Integer vulputate sem a nibh rutrum consequat. Cras elementum. Itaque earum rerum hic tenetur.

Praesent in mauris eu tortor porttitor accumsan. Aliquam erat volutpat. Nulla quis diam. Suspendisse sagittis ultrices augue. Aliquam ante. Nullam rhoncus aliquam metus. Morbi scelerisque luctus velit. Etiam bibendum elit eget erat. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Aenean vel massa quis mauris vehicula lacinia. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Duis risus. Maecenas lorem. Nam sed tellus id magna elementum tincidunt. Aliquam ornare wisi eu metus.