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

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

Заголовки

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

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

index.html

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

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

Параграфи

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

index.html

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

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

Відеоурок

1. Скільки рівнів заголовків надає HTML?

2. Який тег використовується для позначення заголовків у HTML?

3. Яка рекомендована практика щодо використання заголовків у HTML?

4. Який тег використовується для визначення абзаців?

Скільки рівнів заголовків надає HTML?

Select the correct answer

Який тег використовується для позначення заголовків у HTML?

Select the correct answer

<title>

<heading>

<h1> до <h6>

Яка рекомендована практика щодо використання заголовків у HTML?

Select the correct answer

Використовуйте <h1> для всіх заголовків.

Використовуйте <h1> для основних заголовків і <h2> для підзаголовків.

Пропускайте рівні заголовків для створення візуальної ієрархії.

Який тег використовується для визначення абзаців?

Select the correct answer

<p>

<paragraph>

<text>

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 3

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Awesome!

Completion rate improved to 3.13

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

Свайпніть щоб показати меню

Заголовки

index.html

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

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

Параграфи

index.html

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

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

Відеоурок

1. Скільки рівнів заголовків надає HTML?

2. Який тег використовується для позначення заголовків у HTML?

3. Яка рекомендована практика щодо використання заголовків у HTML?

4. Який тег використовується для визначення абзаців?

Скільки рівнів заголовків надає HTML?

Select the correct answer

Який тег використовується для позначення заголовків у HTML?

Select the correct answer

<title>

<heading>

<h1> до <h6>

Яка рекомендована практика щодо використання заголовків у HTML?

Select the correct answer

Використовуйте <h1> для всіх заголовків.

Використовуйте <h1> для основних заголовків і <h2> для підзаголовків.

Пропускайте рівні заголовків для створення візуальної ієрархії.

Який тег використовується для визначення абзаців?

Select the correct answer

<p>

<paragraph>

<text>

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 3