Samostatná práce 3.10.2025, 15'
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sagittis hendrerit ante. Pellentesque ipsum. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Cras pede libero, dapibus nec, pretium sit amet, tempor quis. Cras elementum. Aliquam erat volutpat. Aliquam erat volutpat. Curabitur vitae diam non enim vestibulum interdum. Nulla pulvinar eleifend sem.
Celý html dokument je ohraničen párovým tagem <html>. Je složen z hlavičky (párový tag <head>) a těla (párový tag <body>).
Hlavička může být krátká - v tom případě obsahuje jen nejnutnější informace o stránce např. titulek okna nebo použité kódování.
Může ale být daleko obsáhlejší, pokud je v ní uveden i např. stylopis nebo nějaký javascriptový kód.
V těle html dokumentu je uveden obsah webové stránky. Ten lze strukturovat pomocí nadpisů a podnadpisů, kterých může být až 6 úrovní.
Hlavní nadpis je určen párovým tagem <h1> a bývá na stránce jen jednou. Další úrovně nadpisů jsou tvořeny tagy
<h2> až <h6>.
Vlastní textový obsah webové stránky musí být vždy uzavřen do nějakého blokového prvku - např. do odstavce <p>.
| značka | (ne)párová | význam |
|---|---|---|
| <html> | P | ohraničuje html dokument |
| <h1> | P | hlavní nadpis |
| <h2> | P | podnadpis |
| <p> | P | odstavec textu |
| <br> | N | odřádkování |
| <hr> | N | vodorovná čára |
------------------------------------ značka (ne)párová význam ------------------------------------ html P html dokument h1 P hlavní nadpis br N odřádkování ------------------------------------
Odkaz na portál seznam.cz
Odkaz na konkrétní článek na portále seznam.cz
Odkaz na 1.pokusný dokument
Odkaz na 2.pokusný dloooooooouhý dokument
Odkaz na 9.kapitolu dlouhého dokumentu
Odkaz na obrázek,
pdf soubor,
instalační soubor
Tento odkaz se zobrazí v nové záložce
Obrázky obr1,
obr2,
obr3
se zobrazí v záložce pojmenované blabla
3.dokument - rozvržení stránky bloky <div>
4.dokument - rozvržení stránky mřížkou
5.dokument - responsive web design
6.dokument - webový formulář
Nullam eget nisl. Mauris tincidunt sem sed arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Suspendisse sagittis ultrices augue. Fusce aliquam vestibulum ipsum. Pellentesque ipsum. Integer imperdiet lectus quis justo. Curabitur vitae diam non enim vestibulum interdum. Nullam rhoncus aliquam metus.
Integer tempor. Cras pede libero, dapibus nec, pretium sit amet, tempor quis. Fusce suscipit libero eget elit. 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. Vivamus ac leo pretium faucibus. Cum sociis natoque penatibus et magnis dis parturient montes.