Tvorba webových stránek


Základy

Co je to webová stránka

Samostatná práce 24.9.2025 15'
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nibh. Etiam bibendum elit eget erat. In convallis. Etiam neque. Suspendisse nisl. In dapibus augue non sapien. Aliquam ante. Donec vitae arcu.

Integer pellentesque quam vel velit. Duis viverra diam non justo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Nunc auctor. Fusce nibh. Etiam bibendum elit eget erat. In convallis. Etiam neque.

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 html dokument
<h1>  P hlavní nadpis
<h2> P podnadpis
<p> P odstavec textu
<hr> N vodorovná čára
<br> N odřádkování

Odkazy

Jak se dělá odkaz

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na konkrétní článek na portále seznam.cz
Pokusný dokument 1
Pokusný dloooooouhý dokument 2
Odkaz na 8.kapitolu dlouhého dokumentu


Obrázky

Jak vložit obrázek

Příklady obrázků