24.4. Параграфы

Большинство страниц Web являются текстовыми документами, а самым распространенным способом организации текста на странице Web является использование параграфов. С позиции страницы Web параграф - это блок текста, перед и после которого следует пустая строка. Параграф выравнивается по левому краю страницы, и в пределах окна браузера осуществляется перенос по словам.

24.4.1. Тег <p>

Для форматирования блока текста как параграфа этот текст ограничивается с помощью тега <p> (paragraph). Общая форма этого тега представлена в Пример 24.2, «Общая форма тега <p>».

Пример 24.2. Общая форма тега <p>

<p>текст</p> 
 

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

Результат действия тегов <p> на странице Web можно видеть на показанном ранее рисунке 2.4, который выводит текст в виде четырех отдельных параграфов. Эти теги добавляют в редакторе, как показано ниже.

Пример 24.3. Страница Web, форматированная тегами параграфов

Компоновка страницы Web 

<p>Страница Web начинается с предварительных разделов кода, которые 
определяют документ XHTML. Также включается заголовок, который 
появляется в панели заголовка браузера.</p>

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

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

Текст теперь легко читается, так как в его информационное содержание внесена некоторая организация. Отметим, что смежные параграфы разделяются одиночными пустыми строками, несмотря на то, что каждый тег <p> порождает пустую строку перед и после параграфа. Браузер объединяет пустую строку, которая следует за параграфом, и пустую строку, которая предшествует следующему параграфу, в одну строку.

(Отметим, что в тексте книги полное кодирование страницы Web может отсутствовать, чтобы сосредоточиться на обсуждаемом коде. Тем не менее, подразумевается, что показанный код окружен предварительными строками страницы до тега <body> и закрывающими тегами </body> и </html>.)