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:

<p>Toto je odstavec.</p>

Některé tagy jsou nepárové (void elements) — nemají obsah ani uzavírací tag:

<img src="foto.jpg" alt="Popis">
<br>
<hr>
<meta charset="UTF-8">

Vnořování

Tagy se vnořují do sebe — vždy se uzavírají v opačném pořadí, než byly otevřeny:

<p>Text obsahuje <strong>tučné <em>a kurzivní</em></strong> slovo.</p>

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

<p><strong>Text</p></strong>  <!-- ❌ -->

Atributy

Atribut je dodatečná informace v otevíracím tagu, syntaxe název="hodnota":