Вывод текстовой информации

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

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

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

Синтаксис этого тега таков:

ALIGN="выравнивание">

Атрибут ALIGN определяет способ выравнивания абзаца. Он может иметь следующие значения:

- LEFT – текст выравнивается по левому краю окна браузера. Это значение используется по умолчанию, т.е. когда атрибут не указан;

- CENTER – текст выравнивается по центру окна браузера;

- RIGHT – текст выравнивается по правому краю окна браузера.

Пример использования тега <P>:

<HTML>

<HEAD>

<TITLE>Приветствие</TITLE>

</HEAD>

<BODY>

<P>Добро пожаловать!</P>

<P ALIGN="CENTER">Добро пожаловать!</P>

<P ALIGN="RIGHT">Добро пожаловать!</P>

</BODY>

</HTML>

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

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

Когда необходимо сделать принудительный перевод строки, используют тег <BR>. Этот тег не имеет атрибутов и закрывающего тега.

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

<HTML>

<HEAD>

<TITLE>Приветствие</TITLE>

</HEAD>

<BODY>

<P>Добро<BR>пожаловать!</P>

</BODY>

</HTML>

При использовании тега <BR> пустая строка не образуется, т.е. абзац не прерывается.

В некоторых случаях, наоборот, бывает необходимо сделать так, чтобы броузер не производил перевода строки. Например, не рекомендуется отрывать буквы инициалов от фамилии. В таких случаях тот участок текста, в котором нельзя переводить строку, следует поместить в элемент NOBR.

Пример:

<P>Это стихотворение написал <NOBR>А.С.

Пушкин</NOBR> – великий русский поэт.</P>

В браузере участок текста “А.С. Пушкин” всегда будет отображаться на одной строке. Если получится так, что строка, расположенная в элементе NOBR, будет выходить за пределы окна браузера, то внизу окна появится горизонтальная полоса прокрутки.

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

Для разметки заголовков используются теги <H1>, <H2>, <H3>, <H4>, <H5> и <H6>. Эти теги требуют соответствующего закрывающего тега. Заголовок с номером 1 является самым крупным (заголовок верхнего уровня), а с номером 6 – самым мелким. Теги заголовка нельзя использовать для выделения отдельных слов текста с целью увеличения их размера. При использовании тегов заголовков происходит вставка пустой строки до и после заголовка, поэтому тегов абзаца и перевода строки здесь не требуется.

Синтаксис тегов заголовков:

<Hn

ALIGN="выравнивание">

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

Пример использования разных заголовков:

<HTML>

<HEAD>

<TITLE>Пример</TITLE>

</HEAD>

<BODY>

<H1>Заголовок 1</H1>

<H2 ALIGN="CENTER">Заголовок 2</H2>

<P>Простой текст</P>

</BODY>

</HTML>