<< Предыдущая Оглавление Следующая >>


1.3.2. Тег переноса строки <br>

По умолчанию перенос строк в пределах абзаца выполняется браузером автоматически по символам-разделителям слов (обычно это пробел). Место переноса определяется размером окна вывода, т.е. если следующее слово не умещается в выделенную ширину, оно переносится на следующую строку. Вместе с тем иногда существует необходимость выполнить принудительный перенос в строго заданном месте текста. Это можно сделать с помощью тега переноса строки <br> как показано ниже в примере:

<html>
<head>
<title>Пример 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="description" content="пример стихотворения">
<meta name="keywords" content="пример, абзац, перенос">
</head>
<body>
<p>Куда ты скачешь гордый конь?
<br>И где опустишь ты копыта?
<br>О мощный властелин судьбы
<br>Не так ли ты над самой бездной
<br>На высоте уздой железной
<br>Россию поднял на дыбы?!
<p>А.С. Пушкин
</body>
</html>

Рис. 1.3. Результат отображения примера 3

Из полученного результата рис. 1.3 видно, что тег <br> при переносе не образует пустую строку в отличие от тега <p>. В результате текст стихотворения отображается естественным образом, а фамилия автора благодаря тегу <p> отделена от него пустой строкой.

Видео по теме

HTML с нуля: урок 1 - как работает Интернет и что такое сайт

HTML с нуля: урок 2 - инструментарий, структура документа, стандарты

HTML с нуля: урок 3 - основные теги форматирования HTML

HTML с нуля: урок 4 - ссылки, теги div и span

HTML с нуля: урок 5 (часть 1) - таблицы

HTML с нуля: урок 5 (часть 2) - фреймы

HTML с нуля: урок 6 - HTML формы, GET и POST запросы

HTML с нуля: урок 7 - поля ввода, кнопки, списки

HTML с нуля: урок 8 - каскадные таблицы стилей, начало

HTML с нуля: урок 9 - CSS, теория

HTML с нуля: урок 10 - пример создания макета HTML страницы

 



<< Предыдущая Оглавление Следующая >>