Модуль 1. Основи семантичного HTML5 ⚡ Нагорода: +50 XP

Структура документа, заголовки та семантичні теги

Семантична верстка в HTML5

Сучасний HTML5 використовує семантичні теги, які пояснюють браузеру та пошуковим системам призначення кожного блоку сторінки:

<header> — шапка сайту або розділу з логотипом і навігацією.
<main> — основний унікальний контент сторінки.
<section> — логічна секція документа із заголовком <h1>–<h3>.
<footer> — нижній колонтитул (підвал) сторінки.

<header>
  <h1>Codexia Academy</h1>
</header>
<main>
  <p>Ласкаво просимо до світу коду!</p>
</main>

🎯 Практичне завдання:

Створіть у редакторі блок <header> із заголовком <h1>Codexia Academy</h1>, а під ним блок <main>, всередині якого розмістіть параграф <p> та кнопку <button>.