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

<p>Абзац 1</p>
<p>Абзац 2</p>

Каждый абзац начинается с тега <p> и должен иметь необязательный закрывающий тег </p>.

В любой книге для выделения следующего абзаца используется отступ первой строки, еще называемый «красная строка». Это позволяет читателю легко отыскивать взглядом новую строку и повышает, таким образом, читабельность текста. На веб-странице этот прием обычно не используется, а для разделения абзацев применяется отбивка.

В примере 7.1 показано применение абзацев для создания отступов между строками.

Пример 7.1. Использование абзацев


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>Применение абзацев</title>
 </head>
 <body>
 <p>В одних садах цветёт миндаль, в других метёт метель.</p>
 <p>В одних краях ещё февраль, в других - уже апрель.</p>
 <p>Проходит время, вечный счёт: год за год, век за век...</p>
 <p>Во всём - его неспешный ход, его кромешный бег.</p>
 <p>В году на радость и печаль по двадцать пять недель.</p>
 <p>Мне двадцать пять недель февраль, и двадцать пять - апрель.</p>
 <p>По двадцать пять недель в туман уходит счёт векам.</p>
 <p>Летит мой звонкий балаган куда-то к облакам.</p>
 <p><i>М. Щербаков</i></p>
 </body>
</html>


Результат данного примера показан на рис. 7.1.

Рис. 7.1

Рис. 7.1. Отступы на веб-странице при использовании абзацев

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

Так, текст примера 7.1 с учетом переноса строк будет преобразован следующим образом (пример 7.2).

Пример 7.2. Тег <br>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>Переносы в тексте</title>
 </head>
 <body>
 <p>В одних садах цветёт миндаль, в других метёт метель.<br>
 В одних краях ещё февраль, в других - уже апрель.<br>
 Проходит время, вечный счёт: год за год, век за век...<br>
 Во всём - его неспешный ход, его кромешный бег.<br>
 В году на радость и печаль по двадцать пять недель.<br>
 Мне двадцать пять недель февраль, и двадцать пять - апрель.<br>
 По двадцать пять недель в туман уходит счёт векам.<br>
 Летит мой звонкий балаган куда-то к облакам.</p>
 <p><i>М. Щербаков</i></p>
 </body>
</html>


Результат примера продемонстрирован на рис. 7.2. Видно, что расстояние между строками текста уменьшилось и он приобрел более компактный вид.

Рис. 7.2

Рис. 7.2. Вид текста с учетом переносов


Радио

Вконтакте

Последнии комментарии


а еще запретить продажу програм фирмы 1с во всех ее проявлениях. будь то игра или программы учета!!!



Answer: Благодарим за информацию.


Не плохая идея но дорого будет стоить будет дорого наверное



Сюся, если еще сравнивать эту  соц. сеть с сетью "Друзи" то это же вообще пипец полный! Не говоря что не кто не переманит пользователей с ВК.

Наш опрос

Полезные для вас наши новости?


Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0