Розмітка Тексту

Тепер, коли ми розуміємо, як створити правильну структуру HTML, давайте зосередимося на заповненні елемента body контентом для відображення на веб-сторінці.

Заголовки

Заголовки використовуються для структурування та організації контенту на веб-сторінці. HTML надає шість рівнів заголовків, від <h1> (найважливіший) до <h6> (найменш важливий).

Важливо використовувати кожен рівень заголовків відповідно, щоб зберегти ясність і послідовність у структурі документа. Надмірне використання заголовків вищого рівня або пропуск рівнів може призвести до плутанини і ускладнити користувачам та пошуковим системам розуміння організації контенту.
Приклад:

У наведеному вище прикладі:

• <h1> використовується для основного заголовка сторінки;
• <h2> використовується для підзаголовків, що вказують на нижчий рівень важливості порівняно з <h1>;
• <h3> використовується для подальших підрозділів у підсекції.

Параграфи

Параграфи, позначені тегом <p>, розділяють блоки тексту на окремі параграфи, забезпечуючи візуальну та семантичну ясність контенту.
Приклад:

У наведеному вище прикладі:

• Кожен тег <p> визначає окремий блок абзацу;
• Браузер автоматично додає відступи між абзацами для покращення читабельності та підтримки візуальної узгодженості.

Відеоурок