<html>, <head>, <body>

<html>
  <head>...</head>
  <body>...</body>
</html>

Obalují celou stránku a oddělují metadata od obsahu.

<header>, <footer>, <main>, <nav>, <aside>

<header>Hlavička stránky</header>
<nav>Menu: Domů | O nás | Kontakt</nav>
<main>Hlavní obsah</main>
<aside>Postranní panel</aside>
<footer>Patička stránky</footer>

Hlavička stránky

Hlavní obsah

<section> vs. <article> vs. <div>

<section>
  <h3>Sekce článků</h3>
  <article>První článek</article>
  <article>Druhý článek</article>
</section>

<div>Obecný kontejner pro stylování</div>

Sekce článků

První článek

Druhý článek

Obecný kontejner pro stylování

Textové tagy <h1–h6>, <p>, <address>, <span>

<h1>Nadpis 1</h1> ... <h6>Nadpis 6</h6>
<p>Odstavec textu.</p>
<span>Zvýrazněný text</span>
<address>Kontakt: [email protected]</address>

Nadpis 1

Nadpis 3

Odstavec textu s vloženým zvýrazněním.

Kontakt: [email protected]

<br> a <hr>

Text před <br> zalomením<br>
Text na novém řádku

Text před čárou
<hr>
Text pod čarou

Text před
zalomením
Text na novém řádku

Text pod čarou