1.3. Структурное форматирование

Структурное форматирование в HTML представляет собой разбиение электронного документа на логические блоки, которым соответствуют определенные элементы: абзац, текстовый блок, центрирование, отступы и перенос строк, горизонтальный разделитель, комментарии и предварительно форматированный текст (табл. 1.6.).

Форматирование абзаца. Формирование абзаца осуществляется с использованием тега <P>текст абзаца</P>.

Для выравнивания текста абзаца на страничке используется атрибут ALIGN, который может принимать одно из значений: right (выравнивание справа), left (выравнивание слева), jastify (выравнивание по ширине) или center (выравнивание по центру).

<P ALIGN="right">текст абзаца</P>

Значения right, left, jastify или center можно использовать как отдельный тег, например, <RIGHT>текст</RIGHT >.

Внутри тега <P> могут находиться только теги форматирования текста: логические и физические (табл. 1.6).

Таблица 1.6

Теги структурного форматирования

Тег	Структурный элемент	Примечание
<P></P>	Абзац	ALIGN – выравнивание (left, right, center, jastify)
<DIV></DIV>	Текстовый блок	ALIGN – выравнивание (left, right, center)
<CENTER></CENTER>	Центрирование	Горизонтальное выравнивание
&nbsp	Создание отступа	Представляет собой обычный пробел
<BR>	Разрыв строки	–
<NOBR></NOBR>	Запрет разрыва строки	–
<HR>	Горизонтальный разделитель	ALIGN– выравнивание,WIDTH– длина, SIZE– щирина, COLOR– цвет
<PRE></PRE>	Предварительное форматирование текста	–
<!-- -->	Комментарии	Включение дополнительной информации о документе

Форматирование текстового блока. Формирование текстового блока осуществляет тег <DIV>. Блоки <DIV> удобны тем, что они позволяют выровнять любой фрагмент текста, задать его размеры и расположить в нужном месте. К данным блокам можно применить любые атрибуты стиля и обращаться к ним как к объектам таблиц стилей (см. гл. 5).

<DIV ALIGN="center" STYLE="color: green; ">текст</DIV>

Блок текста будет отображен зеленым цветом и размещен в центре страницы.

Центрирование. Для центрирования любых элементов в HTML-документе используется тег <CENTER>, он представляет собой аналог значения ALIGN="center" того тега, результат отображения которого будет отцентрирован на экране монитора. Например, результат отображения фрагментов кода таблицы

<CENTER>

<TABLE><TR><TD></TD></TR></TABLE>

</CENTER>

и

<TABLE ALIGN="center" ><TR><TD></TD></TR></TABLE>

будет абсолютно одинаков.

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

Пустая строка. Для вставки пустой строки на страничке используется тег <BR>. Данный тег относится к одиночным тегам, т. е. не имеет закрывающего тега.

Строка без переносов. Для отображения строки без переносов используется тег <NOBR>строка</NOBR>.

Горизонтальный разделитель. Для горизонтального разделения HTML-документа на части используют тег <HR>. Если тег используется без атрибутов, то браузером отображается стандартная линия на всю ширину окна, а ее толщина составляет 2 пиксела. Верхняя часть такой линии несколько темнее, чем нижняя ее часть. Для создания горизонтальной линии, отличающейся от стандартной, применяются теги: ALIGN – выравнивание, WIDTH – длина, SIZE – ширина, COLOR – цвет.

<HR WIDTH="80%" SIZE="5" COLOR="red">

В окне браузера отображается линия красного цвета толщиной 5 пикселов и длиной 80 % от ширины окна экрана.

Тег <HR> не имеет закрывающегося тега.

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

<!-- Комментарий -->

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