Základy HTML

Popis struktury HTML stránky

Struktura HTML stránky se skládá z hlavičky head a body. V hlavičce píšeme určitá metadata stránky, nastavení pro prohlížeč, jak se má stránka zobrazovat. Do těla dokumentu píšeme vlastní obsah stránky, tedy který budeme psát mezi body a /body. Nelze jen začít psát značky. Důležitý je tag !doctype, který určuje verzi html, která se využila, vždy před tagem html, poté se pokračuje tagem title, který nám v prohlížeči ukáže název stránky.

Co je to webová stránka?

Webová stánka je dokument, který je lidem dostupný k předčtení prostřednictvím internetového prohlížeče po zadání příslušné adresy URL, hlavně v rámci www (World Wide Webu.

Je tvořena a prezentována ve formě hypertextu, jehož kód je tvořen pomocí HTML hazyka a kaskádových stylů CSS. Také je tvoří v obsahu soustava textů, obrázků, dokumentů či dalších multimediálních všcí. Každá webová stránka má unikátní adresu.

Struktura html dokumentu

Struktura HTML stránky se skládá z hlavičky head a body. V hlavičce píšeme určitá metadata stránky, nastavení pro prohlížeč, jak se má stránka zobrazovat. Do těla dokumentu píšeme vlastní obsah stránky, tedy který budeme psát mezi body a /body. Nelze jen začít psát značky. Důležitý je tag !doctype, který určuje verzi html, která se využila, vždy před tagem html, poté se pokračuje tagem title, který nám v prohlížeči ukáže název stránky.

Význam některých html značek - formátování + tabulka

Značka (Ne)párová Význam
html P Ohraničuje celý dokument
head P hlavička dokumentu
body P tělo dokumentu
h1 P nadpis nejvyšší úrovně
p P Odstavec (paragraph)
hr N čára (hozirontal row)

Webová stránka s obrázky

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Fusce suscipit libero eget elit. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Proin mattis lacinia justo. Aliquam erat volutpat. Nullam at arcu a est sollicitudin euismod. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Nunc dapibus tortor vel mi dapibus sollicitudin.

Přidávat obrázky je těžší než se zdá.

Tady jsou ty obrázky rovnou tři.

Miluju školu zámeček. Tato věta neobsahuje ironii, i když..

Různé varianty HTML odkazů

Odkaz na Youtube

Stránku vytvořila K. Medřická