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-документе?
