bla bla bla Cras elementum. Etiam commodo dui eget wisi. Donec quis nibh at felis congue commodo. Nam quis nulla. Fusce tellus. Mauris dictum facilisis augue. Nam quis nulla. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Proin mattis lacinia justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus luctus egestas leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
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.
Tělo html dokumentu definuje 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 |
| <hr> | N | vodorovná čára |
| <br> | N | odřádkování |
-------------------------------------------------- značka (ne)párová význam -------------------------------------------------- html P ohraničuje html dokument h1 P hlavní nadpis br N odřádkování --------------------------------------------------
Odkaz na portál seznam.cz
Odkaz na jeden článek na portálu seznam.cz
Pokusný dokument 1
Pokusný dloooooouhý dokument 2
Duis pulvinar. Nam quis nulla. Nunc dapibus tortor vel mi dapibus sollicitudin. Aliquam id dolor. Proin mattis lacinia justo. Suspendisse sagittis ultrices augue. Nullam rhoncus aliquam metus. Integer vulputate sem a nibh rutrum consequat. Etiam neque. Donec vitae arcu. Mauris metus. Proin in tellus sit amet nibh dignissim sagittis. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.
Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Maecenas libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. 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. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Aliquam erat volutpat. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Etiam posuere lacus quis dolor. Nam quis nulla. Nullam eget nisl. Aenean vel massa quis mauris vehicula lacinia.
