HTML є мовою розмітки, яка дозволяє нам створювати веб-сторінки з різноманітним вмістом. Один з основних текстових
елементів у HTML - це елемент <p>. Він використовується
для представлення абзаців тексту на сторінці. У цій статті
ми розглянемо використання елемента <p>
разом з <br>
та <pre> для керування форматуванням тексту.
<p>Елемент <p> (або абзац) використовується для структурування тексту
на веб-сторінці. Всередині тегу <p> розміщується текст, який
стане одним абзацем. Кожен новий <p> відображається наступним
абзацем тексту. Нижче наведений приклад використання
елемента <p>:
Приклад
<p>Це перший абзац тексту.
Це другий абзац тексту.</p>
Цей код буде виглядати так:
Результат
Це перший абзац тексту. Це другий абзац тексту.
<br>Елемент <br> (або переведення рядка) використовується для створення
переведення рядка в тексті без створення нового абзацу. Він часто використовується для розділення тексту на кілька
рядків. Наприклад, щоб створити новий рядок після слова "Привіт" у наступному прикладі:
Приклад
<p>Привіт
<br>як справи?
</p>
Цей код буде виглядати так:
Результат
Привіт
як справи?
<pre>Елемент <pre> (або форматований текст) використовується для
збереження форматування тексту таким, яким воно введено в редакторі, і зберігає пробіли, переведення рядка та
інші пробільні символи. Він зазвичай використовується для відображення коду або текстової інформації з фіксованою
шириною. Ось приклад використання елемента <pre>:
Приклад
<pre>
Це перший абзац тексту.
Це другий абзац тексту.
</pre>
Цей код буде виглядати так:
Результат
Це перший абзац тексту.
Це другий абзац тексту.
Як бачимо з результату, то текст відображується враховуючи відступ у программі
Елементи <p>, <br> та
<pre> є потужними інструментами для форматування тексту на веб-сторінці.
Використовуючи їх правильно, ви можете створювати чіткий та зрозумілий контент для ваших користувачів. Надіюсь, що ця
стаття допоможе вам зрозуміти їх використання та впровадити в вашому веб-проекті.