# 15 • Webová stránka > HTML tagy, atributy, struktura stránky, header tagy > # Co je HTML **HTML** *(HyperText Markup Language)* je **značkovací jazyk** pro tvorbu webových stránek. Neřeší vzhled, to je práce **CSS**. Neřeší chování, to je práce **JavaScriptu**. HTML definuje **strukturu a sémantiku** obsahu: co je nadpis, co odstavec, co navigace, co obrázek. ### Tři pilíře webu | Technologie | Co dělá | | --- | --- | | **HTML** | Struktura a sémantika obsahu | | **CSS** | Vzhled (barvy, layout, animace) | | **JavaScript** | Chování a interaktivita | ### Hypertext První dvě písmena HTML - **HyperText** - odkazuje na **hypertextové odkazy**, díky kterým je web "web" *(=pavučina)*. Bez hyperlinků by HTML byl jen formátovací jazyk. # Základní syntaxe ### Tag Tag je **značka uzavřená do špičatých závorek** `< >`. Většina tagů je párová, má **otevírací** a **uzavírací** část: ```html

Toto je odstavec.

``` Některé tagy jsou **nepárové** (void elements) — nemají obsah ani uzavírací tag: ```html Popis
``` ### Vnořování Tagy se vnořují do sebe — vždy se uzavírají v opačném pořadí, než byly otevřeny: ```html

Text obsahuje tučné a kurzivní slovo.

``` **Špatně** *(překřížené tagy)*: ```html

Text

``` ### Atributy **Atribut** je dodatečná informace v otevíracím tagu, syntaxe `název="hodnota"`: ```html Odkaz ``` ### Komentáře ```html ``` ### Open Graph: náhled na sociálních sítích ```html ``` Bez OG tagů Facebook, LinkedIn, Discord ani Slack neumí stránku pěkně zobrazit při sdílení — ukáže jen holé URL. ### Twitter Cards ```html ``` # Sémantické tagy (HTML5) **Sémantické tagy** říkají **co obsah znamená,** pomáhají prohlížečům, vyhledávačům i screen readerům pochopit strukturu stránky. Bez nich byl web "moře `
`-ů" a nikdo nepoznal, co je co. | Tag | Co označuje | | --- | --- | | `
` | Záhlaví stránky **nebo sekce** (logo, název, navigace). Může být na stránce vícekrát. | | `