2. ročník IKT - tvorbu Webových stránek

Tuto stránku vytvořila Denisa Dvořáková.

Základy

Co je to webová stránka?

Je dokument, který váš webový prohlížeč (např, chrom,firefox, atd...) získá do webového servru a zobrazí jej. webový = nejrychlejší internetové aplikace World - Wide- Web, určena pro poskytnutí informací. Zapisuje se v HTML jazyce. (Hyper Text Markup Language) je to text, kterým se vyskyttuje řídící značky neboli tagy. Můžeme ho chápat jako zdrojový kód webové stránky

Struktura HTML dokumentu

HTML dokument má hlavičky a tělíčka. Hlavička je většinou krátká, obsahuje různé informace např. titulek, okna nebo použité kódování. Celý obraz webové stránky je umístěn v těle html dokmentu. Je rozdělen na odstavce a proložen nadpisy a podnadpisy. Nadpisů může být až 6 úrovní.

Formátování textu

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

: Tabulka

Tabulka


Obrázky

obrázky

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In dapibus augue non sapien. Proin in tellus sit amet nibh dignissim sagittis. liquam id dolor. Aliquam erat volutpat. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. In convallis. Nam quis nulla. Maecenas fermentum, m in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Nullam faucibus mi quis velit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

02.jpg, 11kB

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Aliquam erat volutpat. Etiam neque . Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Fusce aliquam vestibulum ipsum.

04.jpg, 19kB01.jpg, 26kB03.jpg, 19kB

Nunc dapibus tortor vel mi dapibus sollicitudin. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Duis condimentum augue id magna semper rutrum. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Phasellus rhoncus. Vivamus ac leo pretium faucibus. Etiam posuere lacus quis dolor. Praesent vitae arcu tempor neque lacinia pretium. Donec quis nibh at felis congue commodo. Mauris suscipit, ligula sit amet pharetra sempernibh ante cursus purus, vel sagittis velit mauris vel metus. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquipex ea commodo consequat.sce tellus odio, dapibus id fermentum quis, suscipit id erat.

06.jpg, 15kB05.jpg, 16kB08.jpg, 27kB

Integer vulputate sem a nibh rutrum consequat. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Praesent in mauris eu tortor porttitor accumsan. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, cetur ridiculus mus. Vivamus luctus egestas leo.

Ruzné varianty HTML odkazů

Odkaz na skolní web SUPŠ Zameček
Odkaz na Škola online
Odkaz na Polygrafické tahýky
Odkaz na aktin
Odkaz na ecosia
Odkaz na Pokusy s bloky

značka (Ne)Párová význam
html P ohraničuje celý dokument
head P hlavička dokumentu
body P tělo dokumentu
hl P nadpis nejvyšší úrovně
p P odstavec (paragraph)
hr N čára (horizontal row)