Предыдущая   На главную   Содержание   Следующая
 
Форматирование и выравнивание текста
 
Элементы форматирования


Форматирование текста - это самая простая и одновременно самая мощная часть HTML. Ведь в конечном итоге HTML был разработан для того, чтобы форматировать текстовые документы и делать их доступными в Internet. Главное достижение НТМ? - возможность создавать в этих документах гиперссылки.

Большинство концепций форматирования текста просты: стандартные заголовки, разрывы, абзацы и текстовые стили, такие как полужирный, курсив и подчеркивание.

Для форматирования текста можно использовать ряд дескрипторов.

 <H1>...</H1>-<H6>...</H6>. Диапазон дескрипторов заголовков применяется для заголовков и подзаголовков содержимого.

 <BR>. Дескриптор разрыва, который равнозначен одному возврату каретки.

 <P>. Дескриптор абзаца, используется для обозначения абзаца.

 <P>... </P>. Способ обозначения абзаца с помощью открытия/закрытия.

 <PRE>... </PRE>. Дескриптор предварительного форматированного текста.

 <NOBR>... </NOBR>. Когда вы хотите использовать строку без естественного разрыва, то используйте дескриптор неразрывности. Официально он не входит в HTML 4.0, но широко поддерживается и часто используется.

 <В>... </В>. Дескриптор для задания полужирного начертания текста.

 <I>... </I>. Дескриптор для задания курсива в тексте.

 <U>... </U>. Дескриптор для подчеркивания текста.

Кроме этих стандартньж дескрипторов форматирования текста, в этой главе рассматривается еще несколько связанных с ними дескрипторов, а также дескрипторы специального форматирования.



Концепции текста



Приступая к работе над текстовым содержимым Web-узла, необходимо следовать нескольким полезным советам.

Как и при подготовке любого профессионального текстового документа, все тексты, предназначенные для Web, должны быть без грамматических и орфографических ошибок. Их следует писать с учетом того, кто будет их читать, и в любом случае они должны быть ясными и краткими. Оптимальный вариант таков: введение, затем несколько абзацев с более подробным изложением материала и заключение, в котором подчеркивается смысл сообщения.

В Web существуют некоторые визуальные ограничения. Важно не забывать, что очень длинные страницы текста утомительны для глаз. Кроме того, короткие абзацы помогают донести информацию до посетителей, которые не склонны оставаться на отдельных Web-страницах очень долго.

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

====================================================================

Работа с заголовками



Заголовки HTML позволяют объявить определенные области документа, дав им название. Дескриптор заголовка представляет собой алфавитно-цифровую комбинацию "H" и числового значения от 1 до 6, где 1 является наибольшим, а 6 - наименьшим уровнем заголовка. Многим разработчикам известно, что заголовки используются для того, чтобы устанавливать определенные уровни информации в естественном потоке текста. Название моей Web-страницы, например, должно. быть заголовком побольше, первый подраздел должен быть озаглавлен шрифтом меньшего размера, следующего после размера заголовка страницы, и т.д.

Внимание! Дескрипторы заголовков работают в обратном порядке, т.е. наименьшее значение 1 создает наибольший видимый заголовок. Помните, что это соглашение родилось из форматирования документов, где больший заголовок означает понятие высшего логического уровня и т.д. В HTML это соглашение применяется только к дескрипторам заголовков и не относится к другим соглашениям по размерам, например связанным с дескриптором FONT, где размеры распределяются между малыми числами для малых размеров и числами побольше для больших размеров.

Дескрипторы заголовка просто окружают текст, который требуется использовать в виде заголовка соответствующего уровня:

<Н1>Полезность упражнений для здоровья</Н1>

Эта информация появится на HTML-странице в виде заголовка самого большого размера

Полезность упражнений для здоровья



Чтобы получить другой размер, просто поменяйте числовое значение:

<Н5>Полезность упражнений для здоровья</Н5>

Полезность упражнений для здоровья



Добавим заголовок к абзацу текста.

***********

<HTML>

<HEAD>

<TITLE>Польза упражнений для здоровья</TITLE>

</HEAD>

<BODY>

<H1>Полезность упражнений для здоровья</H1>

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

</BODY>

</HTML>

***********

Сохраните файл и просмотрите его в броузере.

====================================================================

Как работает дескриптор абзаца



Вставка абзацев и пустых строк

Используя различные возможности их дескрипторов, абзацы можно разбивать на отдельные видимые блоки текста. Дескриптор абзаца форматирует эти блоки с помощью двух си волов возврата каретки в том месте, где должен быть конец абзаца.



Как работает дескриптор абзаца



Есть два распространенных способа работы с дескрипторами абзацев. Первый - простое использование дескриптора <Р> перед началом абзаца.

*****Использование дескриптора <Р> в начале абзаца*****

<HTML>

<HEAD>

<ТIТLЕ>Польза от упражнений</TITLE>

</HEAD>

<BODY>

<Н1>Полезность упражнений для здоровья</Hl>

<Р>Физические упражнения - прекрасный способ поправить здоровье. Медицинские исследования показывают, что с помощью упражнений можно укрепить сердце и легкие, уменьшить кровяное давление и поддерживать нормальный вес.

<Р>упражнения могут помочь улучшить настроение. Люди, занимающиеся упражнениями, имеют большее чувство собственного достоинства, больше решительности и в целом более положительный взгляд на жизнь.

</BODY>

</НТМL>

*****



Этот способ ясный и четкий, и я предпочитаю именно его - как и многие другие, кто кодирует вручную. Однако альтернативный способ, когда в начале и в конце абзаца используются соответственно дескрипторы открытия <Р> и закрытия </Р>, имеет дополнительное преимущество, состоящее в том, что к этому абзацу можно применять атрибуты.

Какой бы способ вы ни выбрали, придерживайтесь только его. Эти способы нельзя комбинировать, иначе могут произойти нарушения при форматировании текста.

Открытие с последующим закрытием становится особенно полезным, когда требуется выровнять текст или добавить стили с помощью листа стилей.



***** Применение открытия и закрытия абзаца*****

<HTHL>

<HEAD>

<ТIТLЕ>Польза от упражнений</TITLE>

</HEAD>

<BODY>

<Н1>Полезность упражнений для здоровья</Н1>

<Р>

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

</P>

<P>

Упражнения могут помочь улучшить настроение. Люди, занимающиеся упражнениями, имеют большее чувство собственного достоинства, больше решительности и в целом более положи тельный взгляд на жизнь.

</P>

</BODY>

</HTML>

*****

====================================================================

Работа с дескриптором разрыва


Иногда необходимо, чтобы при просмотре в броузере текст начинался с новой строки. Этого можно добиться с помощью дескриптора разрыва <BR>. Прекрасным примером того, где это можно делать, является кодирование адреса:



*****

03142, Россия, Москва <BR>

ул. Правды, 3<BR>

ИПМ НАН России<BR>

*****



Каждый дескриптор разрыва вызывает переход к новой строке, не вставляя при этом промежуточные строки.




03142, Россия, Москва

ул. Правды, 3

ИПМ НАН Росси



Вспомогательным дескриптором, который можно использовать один раз, является дескриптор "неразрывности" <NOBR>.



*****

<HTML>

<HEAD>

<ТIТLЕ>Проверка дескриптора неразрывного текста</TITLE>

</HEAD>

<BODY>

<NOBR>

У меня очень длинная строка текста и я совсем не хочу ее разрывать. Для этого можно использовать неразрывный дескриптор. Вся эта строка будет выведена без каких-либо разрывов.

</NOBR>

</BODY>

</HTML>

*****



Этот дескриптор обеспечивает полное отсутствие разрывов. Строка будет продолжаться до тех пор, пока вы не дадите указание броузеру прекратить это безобразие.

Попробуйте сами и убедитесь в этом.

Применение дескриптора неразрывного текста приводит к необходимости использовать горизонтальную прокрутку

Этот дескриптор используется достаточно редко, потому что он может потребовать горизонтальной прокрутки и привести к тому, что вы потеряете, а не приобретете контроль над форматом страницы.

====================================================================

Создание пустых строк с помощью дескрипторов абзацев и разрывов



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

Применяя дескриптор абзаца для получения пустой строки, очень важно пользоваться методом единичного <Р>. Как уже отмечалось, такой <Р> вызывает два возврата каретки. Один из них вставляется в конце последней строки (как и в случае дескриптора разрыва), а другой - в следующей строке. Поэтому если вам нужна одна пустая строка, то ее можно получить с помощью дескриптора <Р>. Дескриптор абзаца можно считать равным двум дескрипторам разрыва: 1 <Р> = 2 <BR>

Многие думают, что чем больше введено дескрипторов абзаца, тем больше появится пустых строк. Это неверно! Броузеры почти всегда игнорируют все остальные дескрипторы, стоящие после первого, поэтому таким способом вы не сможете получить три пустые строки:



<P>

<P>

<P>



Вместо этого вы получите то же количество пустых строк, что и в предыдущем примере.

Однако внутри абзаца можно вставлять разрывы. Помните формулу, по которой один дескриптор абзаца равен двум дескрипторам разрыва? Чтобы получить пустые строки, просто вставьте нужное количество дескрипторов разрыва после первого дескриптора абзаца:



<P>

<BR>

<BR>

<BR>



Вообще говоря, ставить больше трех разрывов после дескриптора абзаца не рационально. Для получения пустых строк есть и другие методы, например использование дескриптора предварительного форматирования текста <PRE>, таблицы, атрибут vspace или каскадные листы стилей.

====================================================================

Создание пустых строк с помощью дескрипторов абзацев и разрывов


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

Применяя дескриптор абзаца для получения пустой строки, очень важно пользоваться методом единичного <Р>. Как уже отмечалось, такой <Р> вызывает два возврата каретки. Один из них вставляется в конце последней строки (как и в случае дескриптора разрыва), а другой - в следующей строке. Поэтому если вам нужна одна пустая строка, то ее можно получить с помощью дескриптора <Р>. Дескриптор абзаца можно считать равным двум дескрипторам разрыва: 1 <Р> = 2 <BR>

Многие думают, что чем больше введено дескрипторов абзаца, тем больше появится пустых строк. Это неверно! Броузеры почти всегда игнорируют все остальные дескрипторы, стоящие после первого, поэтому таким способом вы не сможете получить три пустые строки:



<P>

<P>

<P>



Вместо этого вы получите то же количество пустых строк, что и в предыдущем примере.

Однако внутри абзаца можно вставлять разрывы. Помните формулу, по которой один дескриптор абзаца равен двум дескрипторам разрыва? Чтобы получить пустые строки, просто вставьте нужное количество дескрипторов разрыва после первого дескриптора абзаца:



<P>

<BR>

<BR>

<BR>



Вообще говоря, ставить больше трех разрывов после дескриптора абзаца не рационально. Для получения пустых строк есть и другие методы, например использование дескриптора предварительного форматирования текста <PRE>, таблицы, атрибут vspace или каскадные листы стилей.

====================================================================

Дескриптор предварительного форматирования текста

Дескриптор предварительного форматирования текста <PRE> и его закрывающий дескриптор </PRE> первоначально были разработаны как метод вывода на HTML-странице данных в виде столбцов. Это было сделано до появления таблиц и не могло служить эффективным способом управления данными.

Способ работы этого дескриптора состоит в том, чтобы выполнить все форматирование, не используя при этом дескрипторов. Другими словами, для получения пустой строки между абзацами не нужно использовать дескриптор <Р>. Все, что нужно сделать, - это вручную ввести дескрипторы предварительного форматирования.



*****

<PRE>

Это предложение разбито на части, но не

дескриптором разбиения, а с помощью

предварительно вставленных в код

символов возврата каретки.

</PRE>

*****

Ниже видно, как выглядит этот код, дополненный разрывами.



*****


Это предложение разбито на части, но не

дескриптором разбиения, а с помощью

предварительно вставленных в код

символов возврата каретки.


*****



Использование дескриптора предварительного форматирования текста означает, что любое форматирование текста сохранится в нем без использования дополнительных дескрипторов.

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

Проблемы, возникающие при выстраивании информации в виде столбцов с помощью дескриптора <PRE>, можно решить с помощью таблиц. Кроме того, дескрипторы шрифтов и листы стилей дают очень большой контроль над шрифтами. Однако время от времени дескриптор <PRE> используется, чтобы получить добавочные пустые строки. Его можно применять в дополнение к дескрипторам абзаца и разрыва, когда между элементами на странице требуется больше пустых строк.

Возьмем уже знакомое нам изображение, (см. "Создание пустых строк с помощью дескрипторов абзацев и разрывов") поставим после него дескриптор <PRE>, а затем десять возвратов каретки и, наконец, введем сам текст. Попробуйте сами сделать это упражнение. У Вас обязательно получится!

Используя дескриптор предварительного форматирования текста, вы можете создать на своей странице пустые строки, не вставляя никаких дополнительных дескрипторов.

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

====================================================================

Применение текстовых стилей

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

Для реализации этих возможностей форматирования в HTML можно использовать три главных текстовых стиля: полужирный, курсив и подчеркивание.

Дескриптор полужирного стиля <В> и закрывающий дескриптор </В> просто размещаются вокруг части текста, которая должна быть выделена таким способом:



Выделение части текста <В>полужирным</В> шрифтом.



То же относится и к дескрипторам курсива - открывающему <I> и закрывающему </I>:



Выделение части текста <I>курсивом</I>.



Таков же принцип работы и дескриптора подчеркивания <U>:



Выделение части текста <U>подчеркиванием</U>.



Ниже все три предложения сведены в один пример:



Выделение части текста полужирным шрифтом.

Выделение части текста курсивом.

Выделение части текста подчеркиванием.



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

Имеются также дескрипторы, родственные полужирному и курсиву и дающие те же результаты. Это дескрипторы <STRONG>... </STRONG> и <ЕМ>...</EM>. Они часто используются в приложениях WYSIWYG и редко профессионалами, кодируюшими вручную.



***** Абзацы, где используются все рассмотренные дескрипторы.*****

<HTML>

<HEAD>

<ТIТLЕ>Форматирование текста</TITLE>

</HEAD>

<BODY>

<Р>Пример использования дескрипторов <EM>&lt;EM&gt;</ЕМ>

и </STRONG>&lt;STRONG&gt;</STRONG>.

<Р>Пример использования дескрипторов <I>&lt;I&gt;</I>

и <B>&lt;B&gt;</В>.

</BODY>

</HTML>

*****



Ниже показан этот код показан в броузере. Обратите внимание, что между двумя видами кодов не заметно какой-либо разницы.



*****


Пример использования дескрипторов <EM> и <STRONG>.

Пример использования дескрипторов <I> и <B>.

*****



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

====================================================================

Выравнивание текста

Способ вывода текста на экран очень важен с точки зрения читаемости и эстетики. Выравнивание играет большую роль, определяя, каким образом текст располагается на странице по отношению к другим объектам.

Обычно текст выравнивается по левому краю (как минимум в большинстве западных языков). Это означает, что он начинается с левого края страницы. По правому краю текст неровный. Этот край называется зазубренным правым.

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

Для управления выравниванием текста можно использовать несколько методов. Это общие дескрипторы HTML, атрибуты и значения. Важно помнить, что, поскольку выравнивание на самом деле больше относится к процессу макетирования, а не форматирования, в стандарте HTML 4.0 рекомендуется выравнивать текст с помощью листов стилей.

Прежде чем приступить к настояшей работе с дескрипторами, рассмотрим сушествуюшие типы выравнивания.



 По умолчанию. Когда для текста не указано никакое выравнивание, броузеры выбирают для него значение по умолчанию, т.е. стандартное выравнивание по левому краю с зазубренным правым краем.

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

 По правому краю. Означает выравнивание текста по правому краю с зазубренным левым Выравнивание по правому краю является интересным специальным эффектом, но обычно его надо использовать для выделения, а не для стандартного основного текста.

 По центру. Центрирование текста, как и выравнивание по правому краю, создает визуальное выделение. Однако не следует злоупотреблять этим выравниванием. Многие дизайнеры-новички часто используют центрированный текст, но чего они в действительности добиваются, так это свободного пространства и наглядной текстуры, так как центрированный текст выглядит более интересно. Однако читать такой текст долгое время будет утомительно.

 По ширине. Означает такое расположение текста, при котором оба его края выровнены.



В строгом HTML 4.0 для структурирования предпочтительнее использовать листы стилей. Для выравнивания текста с помощью листов стилей используется синтаксис

text-align: value

Значение value может быть равным left (по левому краю), center (по центру), right (по правому краю) и justify (по ширине), как и в стандартных дескрипторах HTML.

====================================================================

Использование элемента DIV

По ряду причин мощным инструментом форматирования является элемент DIV. Он используется не только для разбивки документа HTML на разделы и выравнивания информации в них, но является также одним их столпов каскадных листов стилей. Применение дескрипторов DIV, как для простого HTML-форматирования, так и для более сложных приложений стало одним из основных методов управления документами в HTML 4.0.

Чтобы выровнять текст с помощью элемента DIV, необходимо выбрать один из атрибутов выравнивания, о которых шла речь раньше.

Если в тексте требуется, например, отцентрировать раздел, то можно воспользоваться дескриптором DIV с соответствующими атрибутами.

Попробуйте сделать это.



1. Начните со стандартной оболочки HTML (см. "Оболочка HTML")

2. Введите текст страницы.

3. Отформатируйте текст, как сочтете нужным.

4. Теперь вокруг текста, который требуется отформатировать разместите открывающий и закрывающий дескрипторы DIV.



<DIV>

Ваш фрагмент текста

</DIV>



5. В открывающем дескрипторе DIV введите атрибут align со значением center.

<DIV align="center">

Фрагмент текста

</DIV>

6. Сохраните документ с именем div_center.html

7. Просмотрите страницу у себя в броузере.



Теперь текст заключенный в DIV должен быть выровнен по центру, а остальной текст - по левому краю (по умолчанию)

Меняя значение атрибута на justify или right можно получить выравнивание по ширине или по правому краю соответственно.

Многие HTML-авторы для центрирования текста используют элемент CENTER. Этот элемент был исключен из стандарта HTML 4.0. До сих пор считаясь часть переходного варианта стандарта, он был исключен в основном из-за недостатка гибкости: к нему нельзя добавить никакие атрибуты или значения. Благоразумнее выбрать элемент DIV. Центрирование текста с помощью дескриптора DIV дает тот же визуальный эффект, что и применение элемента CENTER.

====================================================================

Выравнивание текста с помощью элемента абзаца

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

Выравнивание по левому краю для абзацев является стандартной процедурой по умолчанию. Поэтому такое выравнивание вы будете использовать достаточно редко.

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

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



1. Начнем со стандартной оболочки HTML:



*****

<HTML>

<HEAD>

<TITLE> </TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

*****



2. Введите выбранный вами текст, например:



*****

<HTML>

<HEAD>

<ТIТLЕ>Кафедра филантроматематики </TITLE>

</HEAD>

<BODY>

О. Генри

Кафедра филантроматематики

Перевод К. Чуковского

...Когда человек ограбил своих ближних на известную сумму, ему становится жутковато и хочется отдать часть награбленного. И если последить за ним внимательно, можно заметить, что он пытается компенсировать тех же людей, которых еще так недавно очистил до нитки. Возьмем гидростатический случай: предположим, некто А. нажил миллионы, продавая керосин неимущим ученым, которые изучают политическую экономию и методы управления трестами. Так вот, эти доллары, которые гнетут его совесть, он непременно пожертвует университетам и колледжам. Что же касается Б., тот нажился на рабочих, у которых всего богатства руки да инструмент. Как же ему перекачать некоторую долю своего покаянного фонда обратно в карманы их спецодежды?

- Я, - восклицает Б., - сделаю это во имя науки. Я погрешил против рабочего человека, но говорит же старая пословица, что милосердие искупает немало грехов. И он строит библиотечные здания на восемьдесят миллионов долларов, и единственные, кому от этого польза, маляры да каменщики, работающие у него на постройке.

</BODY>

</HTML>

*****



3. Отформатируйте текст, например:

*****

<HTML>

<HEAD>

<ТIТLЕ>Кафедра филантроматематики </TITLE>

</HEAD>

<BODY>

<H2>О. Генри</Н2>

<НЗ>Кафедра филантроматематики</НЗ>

<В>Перевод К. Чуковского</В>

<BLOCKQUOTE>
<Р>...Когда человек ограбил своих ближних на известную сумму, ему становится жутковато и хочется отдать часть награбленного. И если последить за ним внимательно, можно заметить, что он пытается компенсировать тех же людей, которых еще так недавно очистил до нитки. Возьмем гидростатический случай: предположим, некто А. нажил миллионы, продавая керосин неимущим ученым, которые изучают политическую экономию и методы управления трестами. Так вот, эти доллары, которые гнетут его совесть, он непременно пожертвует университетам и колледжам.</Р>

<Р>Что же касается Б., тот нажился на рабочих, у которых всего богатства руки да инструмент. Как же ему перекачать некоторую долю своего покаянного фонда обратно в карманы их спецодежды? </Р>

<Р>- Я, восклицает Б., - сделаю это во имя науки. Я погрешил против рабочего человека, но говорит же старая пословица, что милосердие искупает немало грехов. </Р>

<Р>И он строит библиотечные здания на восемьдесят миллионов долларов, и единственные, кому от этого польза, маляры да каменщики, работающие у него на постройке. </Р>

</BLOCKQUOTE>

</BODY>

</HTML>

*****



4. Теперь добавьте значение атрибута выравнивания по центру для раздела, который вы хотите центрировать.



*****

<HTML>

<HEAD>

<ТIТLЕ>Кафедра филантроматематики </TITLE>

</HEAD>

<BODY>

<H2>О. Генри</Н2>

<НЗ>Кафедра филантроматематики</НЗ>

<В>Перевод К. Чуковского</В>

<BLOCKQUOTE>

<Р align="center">...Когда человек ограбил своих ближних на известную сумму, ему становится жутковато и хочется отдать часть награбленного. И если последить за ним внимательно, можно заметить, что он пытается компенсировать тех же людей, которых еще так недавно очистил до нитки. Возьмем гидростатический случай: предположим, некто А. нажил миллионы, продавая керосин неимущим ученым, которые изучают политическую экономию и методы управления трестами. Так вот, эти доллары, которые гнетут его совесть, он непременно пожертвует университетам и колледжам.</Р>

<Р>Что же касается Б., тот нажился на рабочих, у которых всего богатства руки да инструмент. Как же ему перекачать некоторую долю своего покаянного фонда обратно в карманы их спецодежды? </P>

<Р>Я, восклицает Б., сделаю это во имя науки. Я погрешил против рабочего человека, но говорит же старая пословица, что милосердие искупает немало грехов. </Р>

<Р>И он строит библиотечные здания на восемьдесят миллионов долларов, и единственные, кому от этого польза, маляры да каменщики, работающие у него на постройке.</p>

</BLOCKQUOTE>

</BODY>

</HTML>

*****



5. Сохраните файл как р align.html.

6. Просмотрите полученную страницу в броузере

Как и в случае с элементом DIV, можно просто изменить значение атрибута для нового стиля выравнивания.

Вы увидите, что абзац, в котором атрибуту align присвоено значение right, оказался выровненным по правому краю. Но поскольку элемент абзаца влияет только на свой абзац, то для форматирования всей страницы значение придется присваивать каждому открывающему дескриптору абзаца.

====================================================================

Вложенность дескриптора DIV

Дескриптор DIV может быть вложенным. Это обычный способ применения выравнивания и стилей к подразделам внутри разделов документа.

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

В листинге ниже выравнивание по правому краю применено ко всей странице. Другими словами, в верхней части текста размещен открывающий дескриптор DIV, а в конце текста - закрывающий дескриптор DIV. Таким образом осуществляется выравнивание всей страницы по правому краю.

Поскольку нам нужно центрировать подраздел, добавим вокруг него дескрипторы DIV c атрибутом align="center". Это выравнивание применяется только к нашему разделу. Броузер понимает, что это вложенный элемент и, после того как будет закрыт центрированный раздел, происходит возвращение к первоначальному выравниванию по правому краю.



***** Вложенность деcкриптора DIV*****

<HTML>

<HEAD>

<ТIТLЕ>Кафедра филантроматематики </TITLE>

</HEAD>

<BODY>

<H2>О. Генри</Н2>

<ИЗ>Кафедра филантроматематики</H3>

<В>Перевод К. Чуковского</В>

<DIV align="right">

<Р>...Когда человек ограбил своих ближних на известную сумму, ему становится жутковато и хочется отдать часть награбленного. И если последить за ним внимательно, можно заметить, что он пытается компенсировать тех же людей, которых еще так недавно очистил до нитки. Возьмем гидростатический случай: предположим, некто A. нажил миллионы, продавая керосин неимущим ученым, которые изучают политическую экономию и методы управления трестами. Так вот, эти доллары, которые гнетут его совесть, он непременно пожертвует университетам и колледжам.</Р>

<DIV align="center">

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

</DIV>

<Р>Я, восклицает В., сделаю это во имя науки. Я погрешил против рабочего человека, но говорит же старая пословица, что милосердие искупает немало грехов. </Р>

<Р>И он строит библиотечные здания на восемьдесят миллионов долларов, и единственные, кому от этого польза, маляры да каменщики, работавшие у него на постройке. </Р>

</DIV>

</BODY>

</HTML>

*****
====================================================================