HTML základy

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

Webová stránka je dokument, který váš webový prohlížeč (např. Firefox, Chrome, InternetExplorer, ...) získá od nějakého webového serveru a zobrazí jej. Přívlastek "webový" znamená, že se týká nejrozšířenější internetové aplikace zvané World-Wide-Web určené pro poskytování informací.

Celý html dokument je složen z hlavičky a těla. Hlavička je většinou krátká, obsahuje různé informace např. titulek okna nebo použité kódování. Celý obsah webové stránky je umístěn v těle html dokumentu. Je rozdělen na jednotlivé odstavce a proložen nadpisy a podnadpisy. Nadpisů může být až 6 úrovní.

Odkazy

Odkaz na druhé HTML

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam. Etiam neque. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aenean placerat. Aliquam in lorem sit amet leo accumsan lacinia. Vivamus ac leo pretium faucibus. Etiam bibendum elit eget erat. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Etiam neque.

Různé varianty HTML odkazů

Odkaz na Google
Odkaz na školní web SUPŠ Zámeček
Odkaz na dokument jehož adresa je použita ve výkladu
Odkaz na úvodní stránku s návody jak napsat HTML dokument

Stránku udělala Stehlíková Andrea