Tvorba webových stránek


Základy

Co je to webová stránka

Samostatná práce 29.9.2025 15'
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ornare wisi eu metus. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Fusce wisi. Maecenas libero. Nullam sit amet magna in magna gravida vehicula. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Aliquam erat volutpat. Fusce suscipit libero eget elit. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis.

Struktura html dokumentu

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>.

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

značka (ne)párová význam
<html>  P ohraničuje celý html dokument
<h1>  P hlavní nadpis
<h2>  P podnadpis
<p> P odstavec textu
<br> N odřádkování
<hr> N vodorovná čára

Odkazy

Jak vytvořit odkaz

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na konkrétní článek na portále seznam.cz
Odkaz na pokusný dokument
Odkaz na pokusný dloooooouhý dokument


Obrázky

Jak vložit obrázek

Příklady obrázků