Основные средства форматирования текста

Как и в Word, основой структуры текста в HTML является абзац. Для выделения абзаца служит таг <P>, закрывать который не обязательно. В таге <P> можно указать способ выравнивания текста абзаца в виде <P ALIGN="опция_выравнивания">. Для выравнивания текста абзаца по левому краю, правому краю, по центру или по ширине следует использовать, соответственно, опции LEFT, RIGHT, CENTER, JUSTIFY (последний - только в новых браузерах). Точно так же можно выравнивать и заголовки в тагах <H1>,...,<H6> (см. табл. 2).

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

Для принудительного разрыва строки внутри абзаца служит таг <BR>. Если Вы хотите, напротив, запретить переносы в какой-то части текста, следует заключить ее в таг <NOBR>...</NOBR>.

Некоторые символы являются для HTML служебными и при "ручном" наборе HTML-документа вместо них следует использовать сочетания символов из таблицы 1:Символ Обозначение в HTML

< &lt;

> &gt;

& &amp;

" &quot;

Служебные символы HTML

Если нужно вставить в текст один или несколько неизменяемых пробелов, для этого используется сочетание символов &nbsp;

Для форматирования текста абзацев используйте таги, приведенные в таблице 2:

Таг Пояснение Образец

<H1>...</H1> Заголовок 1 уровня Заголовок1

<H2>...</H2> Заголовок 2 уровня Заголовок2

<BIG>...</BIG> Большой Большой

<SMALL>...</SMALL Маленький Маленький

<SUP>...</SUP> Верхний индекс Верхний индекс

<SUB>...</SUB> Нижний индекс Нижний индекс

<B>...</B> Жирный Жирный

<I>...</I> Курсив Курсив

<U>...</U> Подчеркнутый Подчеркнутый

<S>...</S> Перечеркнутый Перечеркнутый

Некоторые таги форматирования текста

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

Размерами и начертаниями шрифта можно управлять также с помощью тага

<FONT FACE="Шрифт" SIZE="Размер">

где "Шрифт" - имя шрифта Windows, а размер указывается цифрой от 1 до 7, например, этот текст отформатирован тагом <FONT FACE="Arial" SIZE="5">. Размер шрифта по умолчанию обычно равен 3. Разумеется, для корректного отображения текста каким-либо шрифтом он должен быть установлен на машине пользователя, поэтому следует избегать "экзотических" шрифтов. По умолчанию браузеры поддерживают один стандартный масштабируемый шрифт (обычно это Times New Roman) и один шрифт для отображения предварительно отформатированного текста в таге <PRE> (обычно Courier New).

Опция face позволяет также указать несколько шрифтов через запятую - в этом случае для форматирования текста будет использован первый подходящий шрифт из списка:

<font face="Verdana, Arial, Helvetica">

Для отображения предварительно отформатированного текста, с сохранением переносов строк, табуляций и интервалов, используется таг <PRE width="N">, где N - необязательная опция, указывающая желаемый размер строки в символах. Если нужна гарантия, что все символы отформатированного текста будут иметь одинаковую ширину, следует использовать таг <TT>.

Для создания в документе текстового раздела используется таг <div>...</div>, с опцией align, указывающей способ выравнивания текста в разделе (так же, как в таге <p>). Указанный в таге <div> способ выравнивания текста используется по умолчанию во всех абзацах этого раздела, если в абзаце в явном виде не указан другой способ выравнивания. Для размещения части документа по центру окна браузера можно также использовать таг <center>...</center>

Отделить часть текста горизонтальной чертой можно с помощью тага <HR>. Опция ALIGN со значением LEFT, RIGHT или CENTER определяет выравнивание черты на странице, опция SIZE="размер" - толщину линии в пикселах, а опция WIDTH="ширина" - ширину, указанную в пикселах (например, 600) или процентах (100%). Если указана опция NOSHADE, линия создается без трехмерных эффектов. Пример:

Эта черта создана тагом вида <HR ALIGN="CENTER" SIZE="1" WIDTH="50%">