Выравнивание параграфов текста

Текст Web-страницы, также как и любой другой текст, содержит заголовки, абзацы, физически и логически выделенные фрагменты текста. Текст может быть иллюстрирован рисунками, орнаментами и другими элементами. Гипертекст, а именно его мы и рассматриваем, может содержать, кроме того, звуковое, графическое и анимационное сопровождение.

Форматирование заголовка. При форматировании текста существует возможность выделять заголовки. Это делается с использованием операторов <H#> </H#>. Используется шесть уровней заголовков — от<H1> до <H6>. Отметим, HTML не предоставляет стандартных методов генерации номеров разделов по заголовкам.

Оператор <H#> имеет один атрибут – align

 

Наименование параметра	Описание параметра
align	align = left-выравнивание заголовка по левому краю (выполняется по умолчанию);
align = right-выравнивание заголовка по правому краю;
align = center-центрирование заголовка;
align = justify-выравнивание по ширине страницы. Эффект проявляется, если длина строки больше ширины листа.

Общие атрибуты и атрибуты для установки обработчиков событий оператора <H#> будут рассматриваются далее.

Форматирование текста. В отличие от большинства текстовых процессоров символы возврата каретки, дополнительные пробелы, символы табуляции и другие служебные символы в HTML-документе игнорируются. Это объясняется тем, что Web-технологии разрабатывались как технология независимая от архитектуры компьютера (независимая от платформы) и, следовательно, на удаленном компьютере кодирование служебных символов может быть отличным от кодирования на вашем компьютере. Поэтому для форматирования текста HTML-документа необходимо использование:

- операторов <p> и </p> (от paragraph), позволяющих структурировать текст;

- оператора <br>,осуществляющего перевод каретки;

- операторов <pre> и </pre>, позволяющих использовать предварительно отформатированный текст в HTML-документах.

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

Тэг параграфа <p>. Оператор <P> (от paragraph) определяет границы параграфа и используется для организации абзацев. Оператор <P> имеет параметры (атрибуты, свойства), определяющие различные характеристики параграфа.

Параметр align оператора <p> определяет выравнивание текста параграфа по горизонтали и может принимать значения:

Значение атрибута	Тип выравнивания
left right center justify	- по левой границе окна навигатора; - по правой границе окна навигатора; - центрирование текста; - и по левой, и по правой границам окна навигатора.

Общие атрибуты оператора < p>: Id, class, style, title, lang, dir.

Точно так же, как и другие операторы, оператор < p> имеет атрибуты для установки обработчиков событий. Эти атрибуты рассматриваются далее.

Выравнивание строк текста, например, по правому краю задается выражением <p align=right>. Выравнивание по правому краю</p>.

Спецификации языка HTML для выравнивания текста допускают использование еще одного оператора <DIV> и </DIV>. Параметры этого оператора указываются аналогично параметрам оператора <p>.

Тэг преформатирования <PRE>. Тэг преформатирования <PRE> позволяет представлять предварительно отформатированный текст или текст со специфическим форматированием без изменения. Внутри предварительно отформатированного текста разрешается использовать:

- перевод строки;

- символы табуляции (сдвиг на 8 символов вправо);

- непропорциональный шрифт, устанавливаемый броузером.

Параметром оператора <PRE> является атрибут width, задающий ширину отводимого под текст пространства в символах, то есть максимальную длину строки.

Использование тэгов, определяющих формат абзаца, таких как <P> или <ADDRESS>, будет игнорироваться броузером при помещении их между тэгами <PRE> и </PRE>. Использование тега </PRE> является обязательным.

Тэг разрыва строки <BR>. Синтаксис тэга не предполагает наличия закрывающего тега и выполняет принудительный перевод строки. Параметр тэга CLEAR — обеспечивает запрет обтекания любого “плавающего” объекта и принимает значения:

Значение атрибута	Тип выравнивания
none   left   right   all	- следующая строка начнется сразу после предыдущей (принимается по умолчанию); - новая строка начнется с чистой левой границы окна броузера;   - новая строка начнется с чистой правой границы окна броузера; - следующая строка начнется на ближайшей строке, имеющей оба свободных поля (левое и правое).

Если строку текста ограничить операторами <NOBR> и </NOBR>, то броузер не будет переносить строку, даже если она выходит за границы экрана. Броузер в этом случае автоматически вставляет горизонтальную полосу прокрутки (скроллинга) для просмотра строки. Перенос “неразрывной” строки в заданном месте осуществляется в этом случае оператором <WBR>.

Пример 2.1. Форматирование текста. Здесь рассматриваются различные способы выравнивания параграфов. Кроме того, обратите внимание на комбинацию символов &ltPRE&gt и &ltPRE&gt, которые позволяют в тексте страницы печатать служебные символы-<PRE> и </PRE>, воспринимаемые как текст.

<!doctype html public "-//w3c//dtd html 4.01//en">

<HTML>

<HEAD>

 

<TITLE>WEB- страница</TITLE>

</HEAD>

 

<BODY background=Bk_paper1.jpg>

<h2 align=center>Изучение языка разметки гипертекста HTML</h2>

<h3 align=center> Форматирование текста</h3>

<P align=left>Выравнивание по левой границе

<p ALIGN=right>Выравнивание по правой границе</p>

<p align=left>Выравнивание по левой границе

<P align=center>Центрирование первым способом

<P><center>Центрирование вторым способом</center></p>

<p><div align=center>Центрирование третьим способом</div>

<div align=justify>Выравнивание по ширине, выравнивание выравнивание выравнивание выравнивание выравнивание по ширине, выравнивание по ширине, выравнивание по ширине, выравнивание по ширине, выравнивание по ширине,выравнивание </div>

<nobr>Запрещен перенос строки, запрещен перенос строки, запрещен перенос строки, запрещен перенос строки, запрещен перенос строки, запрещен перенос строки, запрещен перенос строки, запрещен перенос строки, запрещен перенос строки, запрещен перенос строки</nobr>

 

<pre width=76> <big>Текст, ограниченный операторами преформатирования &ltPRE&gt и &ltPRE&gt, будет изображаться шрифтом постоянной ширины. В этом тексте сохраняют значения перевод &ltBR&gt строки, пробелы и другие служебные символы.

</pre>

 

</BODY>

</HTML>

 

Результат выполнения примера (рис.2.1.)

 

Рис.2.1. Просмотр HTML-документа, иллюстрирующего различные способы выравнивания параграфов

В языке разметки гипертекста HTML существует еще одна возможность структурирования гипертекста – возможность использования списков.

Организация списков. Язык разметки гипертекста HTML содержит набор элементов <OL>, <UL>, <LI>, позволяющих включать в текст Web-страницы списки. Возможно создание пяти видов списков: нумерованные, ненумерованные, определения, меню (<menu>) и каталоги (<dir>). Списки типа меню и каталоги в настоящее время не рекомендуются к использованию и исключены из стандарта HTML 4.

Синтаксис: