Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лабораторная работа № 7.doc
Скачиваний:
32
Добавлен:
03.06.2015
Размер:
2.13 Mб
Скачать

Форматирование html-документа Разделение на абзацы

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

Одним из первых правил составления практически любых документов является разбиение его текста на отдельные абзацы, выражающие законченную мысль. HTML-документы не являются исключением из этого правила. При создании документов с помощью текстовых редакторов разбиение на абзацы выполняется вводом символа перевода строки. Большинство редакторов реализует это при нажатии клавиши <Enter>. В HTML-документах символы перевода строки не приводят к образованию нового абзаца.

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

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

Браузеры обычно интерпретируют несколько стоящих подряд тэгов абзаца <Р> как один. То же самое относится и к тэгу перевода строки <BR>. Поэтому соз­дать несколько пустых строк при помощи этих тэгов не удается.

Тэг <Р> может задаваться с параметром горизонтального выравнивания Возможные значения параметра приведены в таблице. По умолчанию выполняется выравнивание по левому краю.

Таблица Значения параметра ALIGN

Значения параметра ALIGN

Действие

LEFT

Выравнивание текста по левой границе окна браузера

CENTER

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

RIGHT

Выравнивание по правой границе окна браузера

JUSTIFY

Выравнивание по ширине (по двум сторонам)

Перевод строки

При отображении текстовых документов в браузере место переноса строки в пределах абзаца определяется автоматически в зависимости от размера шрифтов и размера окна просмотра. Перенос строки может осуществляться только по символам-разделителям слов (например, пробелам). Иногда в до­кументах требуется задать принудительный перевод строки, реализующийся независимо от параметров настроек браузера. Для этого служит тэг при­нудительного перевода строки <BR>, который не имеет соответствующего закрывающего тэга. Включение тэга <BR> в текст документа обеспечит раз­мещение последующего текста с начала новой строки. Например, такой подход может использоваться для создания структур типа списков без использования специальных тэгов разметки списка. Или, например, без дан­ного тэга не обойтись для отображения стихотворений и т. п.

Приведем пример использования принудительного перевода строки:

Над омраченным Петроградом<BR>

Дышал ноябрь осенним хладом.<BR>

Плеская шумною волной<BR>

В края своей ограды стройной, <BR>

Нева металась, как больной<BR>

В своей постели беспокойной.

<P>

<EM>А.С. Пушкин. Медный всадник</EM>

Добавьте этот код к вашему и обновите страницу.

В отличие от тэга абзаца <Р> при использовании тэга <BR> не будет образована пустая строка.

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