HTML Параграфи
Параграф завжди починається з нового рядка і зазвичай є блоком тексту.
В цій темі:
HTML Параграфи
HTML елемент <p> визначає параграф:
Примітка: Слово paragraph українською мовою зазвичай перекладається як абзац. Але в середовищі веброзробників частіше використовують слово параграф, тобто відступ тексту з нового рядка. Тут і далі для зручності буде використовуватись саме слово параграф.
Примітка: Браузери автоматично додають відступ (margin) до і після параграфа.
HTML Відображення
Ви не можете знати напевно, де саме буде відображатися ваша вебсторінка, на яких дисплеях або пристроях. Великі або маленькі екрани і розміри вікон показують різні результати. За допомогою HTML-коду ви не можете змінити вихідне відображення, додаючи додаткові пробіли або додаткові рядки в вашому HTML-коді. Під час відображення сторінки веббраузер видаляє будь-які додаткові пробіли і додаткові рядки:
Приклади
<p>
Цей параграф
містить багато рядків
у вихідному коді,
але браузер
ігнорує їх.
</p>
<p>
Цей параграф
містить
багато місця
у вихідному коді
але браузер
ігнорує його.
</p>
Спробуйте самі »
Не забувайте кінцевий тег
Більшість браузерів будуть відображати HTML правильно, навіть якщо ви забудете кінцевий тег:
Наведений вище приклад буде працювати в більшості браузерів, але не покладайтеся на це.
Примітка: Видалення кінцевого тега може призвести до несподіваних результатів або помилок.
HTML Розриви рядків
HTML елемент <br> визначає розрив рядка.
Використовуйте тег <br> якщо необхідно перервати рядок (створити новий рядок), не починаючи новий параграф:
Тег <br> - це порожній тег, що означає, що в нього немає кінцевого тегу.
Проблема відображення поезії
Цей вірш буде відображатися в один рядок:
Приклад
<p>
Зродились ми великої години,
З пожеж війни і з полум'я вогнів,
Плекав нас біль по втраті України,
Кормив нас гнів і злість на ворогів.
</p>
Спробуйте самі »
HTML елемент <pre>
HTML елемент <pre> визначає форматований текст.
Текст всередині елементу <pre> відображається шрифтом фіксованої
ширини (зазвичай Courier), і він зберігає пробіли та розриви рядків:
Приклад
<pre>
І ось ідем у бою життєвому.
Міцні, тверді, незламні мов граніт,
Бо плач не дав свободи ще нікому,
А хто борець, той здобуває світ.
</pre>
Спробуйте самі »
HTML Вправи
HTML Довідник тегів
Довідник тегів W3Schools містить додаткову інформацію про HTML елементи та їх атрибути.
| Тег | Опис |
|---|---|
| <p> | Визначає параграф |
| <br> | Вставляє один розрив рядка |
| <pre> | Визначає попередньо відформатований текст |
Для отримання повного списку всіх доступних HTML тегів, відвідайте HTML Довідник тегів на нашому сайті W3Schools українською.
Запитання для самоконтролю
- Що таке HTML-параграфи?
- Навіщо потрібен кінцевий тег?
- Який тег визначає розриви рядків на HTML-сторінці?
- Яка проблема відображення поезії на вебсторінках?
- Який тег використовується для відображення поезії в HTML-документі?
