
Переносы и разделители в HTML: теги br и hr
При создании страницы в HTML может возникнуть ситуация, когда необходимо осуществить перенос строки, но при этом не использовать тег, формирующий новый абзац. Как правило, если речь идет о стихах или песнях.
Эта задача решается достаточно просто с использованием одиночного тега <br>. Надо отметить, что есть люди, которые практикуют создание подобия абзацев с помощью этого тега. Не надо так. Разметка абзацев должна осуществляться только с помощью тега <p>.
Как разделить текст в HTML-странице полосой
Тег <hr> также относится к числу одиночных и с его помощью можно сделать горизонтальную линию, которая будет являться разделителем. Изменить внешний вид линии возможно, если использовать атрибуты.
Перенос строки мы уже использовали, давайте добавим разделительную линию между книгами:
...
Книга подойдёт для:
</p>
<ul>
<li>Начинающих</li>
<li>Середнячков</li>
<li>Опытных</li>
</ul>
<hr>
<h2>Название книги 2</h2>
<p>
Текст про книгу 2
...
В браузере результат будет выглядеть следующим образом:
Не используйте тег переноса там, где речь идёт о разделении абзацев. Используйте для этого тег <p>.
Домашнее задание
- Добавьте разделительную полосу на своей страничке
Читайте также
-
Используем цитаты в HTMLЕсть несколько тегов, которые позволяют в HTML сделать цитат...
-
Верхние и нижние индексы: оформляем формулыТеги, о которых пойдет речь в данном уроке, задействуются дл...
-
Выводим текст как есть: тег preВы обратили внимание на то, что в HTML-редакторе и браузере ...
-
Курсив в HTML: теги em и iТеги i и em следует использовать для того, чтобы акцентирова...
-
Выделяем важное жирным шрифтомТег strong позволяет указать, какой текст на странице являют...





Комментарии (3)
Да, я тоже слышала, что использовать много тегов br считается дурным тоном в написании разметки.
а зачем там после</ul> идёт </p> перед <hr>?
Спасибо, поправил. Тег ul действительно не должен находиться внутри тега p.