HTML sémantika je způsob, jakým v HTML označujeme různé části našeho dokumentu tak, aby bylo jasné, co daný obsah znamená. Správné používání sémantických značek má několik výhod:

1. Lepší dostupnost: Pomáhá lidem s handicapem nebo asistenčním technologiím, aby lépe chápali obsah.
2. Lepší SEO: Vyhledávače mohou snáze interpretovat strukturu a význam obsahu.
3. Lepší čitelnost kódu: Kód bude pro lidi snáze čitelný a udržovatelný.

Nadpisy (header) slouží k definování nadpisů a titulků stránky. HTML nabízí značky `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, a `<h6>`.

Odstavce se definují pomocí značky `<p>`. Používáme je k formátování textu a oddělení různých bloků textu.

Seznamy mohou být buď nečíslované (označené bullety) nebo číslované. Pro nečíslované seznamy použijeme `<ul>` (unordered list), pro číslované seznamy `<ol>` (ordered list). Každá položka seznamu se definuje značkou `<li>` (list item).

<ul>
  <li>První položka</li>
  <li>Druhá položka</li>
</ul>

<ol>
  <li>První položka</li>
  <li>Druhá položka</li>
</ol>

Obrázky se vkládají pomocí značky `<img>`. Důležité je nastavit atributy `src` (URL obrázku) a `alt` (alternativní text pro obrázek, pro dostupnost).

<img src="obrazek.jpg" alt="Krásný obrázek">

Tabulky jsou strukturovaným způsobem zobrazení dat. Používáme značku `<table>` pro vytvoření tabulky. Tabulka obsahuje řádky (`<tr>`) a buňky (`<td>` pro běžné buňky nebo `<th>` pro hlavičky tabulky).

<table>
  <tr>
    <th>Jméno</th>
    <th>Věk</th>
  </tr>
  <tr>
    <td>Jan</td>
    <td>25</td>
  </tr>
</table>

HTML sémantika hraje klíčovou roli ve vytváření kvalitního a správně strukturovaného webu. Správné používání sémantických značek umožňuje lepší dostupnost, čitelnost a SEO vašich stránek. Je důležité seznámit se s těmito základními značkami a používat je v souladu s významem, který mají.