Чат Telegram
Группа ВКонтакте
Как перенести текст в HTML

Переносы и разделители в HTML: теги br и hr

При создании страницы в HTML может возникнуть ситуация, когда необходимо осуществить перенос строки, но при этом не использовать тег, формирующий новый абзац. Как правило, если речь идет о стихах или песнях.

Эта задача решается достаточно просто с использованием одиночного тега <br>. Надо отметить, что есть люди, которые практикуют создание подобия абзацев с помощью этого тега. Не надо так. Разметка абзацев должна осуществляться только с помощью тега <p>.

Как разделить текст в HTML-странице полосой

Тег <hr> также относится к числу одиночных и с его помощью можно сделать горизонтальную линию, которая будет являться разделителем. Изменить внешний вид линии возможно, если использовать атрибуты.

Перенос строки мы уже использовали, давайте добавим разделительную линию между книгами:

...
    Книга подойдёт для:
</p>
<ul>
    <li>Начинающих</li>
    <li>Середнячков</li>
    <li>Опытных</li>
</ul>
<hr>
<h2>Название книги 2</h2>
<p>
    Текст про книгу 2
...

В браузере результат будет выглядеть следующим образом:

Не используйте тег переноса там, где речь идёт о разделении абзацев. Используйте для этого тег <p>.

Присоединяйтесь к нам в ВКонтакте и в Facebook, чтобы не пропустить новые уроки. А также вступайте в наш чат PHP-разработчиков в Telegram.
Домашнее задание
  • Добавьте разделительную полосу на своей страничке
Онлайн обучение PHP
Путь с полного нуля до джуниора!
Начать бесплатно
Курс программирования на PHP
Подготовка до уровня устройства на работу!
Начать бесплатно
Самый понятный курс PHP
Онлайн-уроки в удобное время!
Начать бесплатно
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
loader
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
loader
Логические задачи с собеседований