Урок 8 із 239

Теги для абзаців

Навчіться створювати текстові абзаци за допомогою HTML-тега p.

Теги для абзаців

Одним із основних елементів вебсторінки є абзаци. Вони схожі на абзаци у звичайній книзі: кожен новий абзац починається з нового рядка.

У текстах часто використовується так звана червона строка — відступ першого рядка абзацу. За замовчуванням у HTML її немає, але за допомогою CSS її можна легко додати.

Тег p

Для створення абзацу використовується парний тег p. Весь текст, який знаходиться між відкривальним і закривальним тегом, буде одним абзацом.

<p>
  This is a paragraph 1.
</p>

<p>
  This is a paragraph 2.
</p>

<p>
  This is a paragraph 3.
</p>

Браузер автоматично додає відступ між абзацами, тому декілька тегів p будуть відображатися окремими блоками.

<p>Перший абзац тексту.</p>

<p>Другий абзац тексту.</p>

<p>Третій абзац тексту.</p>

Тег	Призначення
<p>	Створює текстовий абзац
</p>	Закриває абзац

❗ Важливо:

Не використовуйте багато пробілів або порожні рядки для створення відступів між текстом. За оформлення відповідає CSS, а HTML використовується для структури.

📌 Завдання:

Створіть HTML-сторінку з п'ятьма абзацами.
Додайте різний текст у кожен абзац.
Відкрийте файл у браузері та перегляньте результат.
Спробуйте змінити текст усередині тегів p.

💡 Показати підказку

Кожен абзац повинен мати власну пару тегів <p> та </p>.

✅ Показати відповідь

Приклад:

<p>Мій перший абзац.</p>

<p>Мій другий абзац.</p>

<p>Мій третій абзац.</p>

<p>Мій четвертий абзац.</p>

<p>Мій п'ятий абзац.</p>