Б.1.3. Теги физического форматирования текста

Начнем с тегов физического форматирования текста. К этим тегам от-' носятся: В, BR, FONT, Hn, HR, I, P, PRE, SUB, SUP, U.

Теги В, I и U делают текст жирным, наклонным (курсив) и подчеркнутым соответственно. Пример:

<В>Жирный текст</В>

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

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

Тег BR вставляет разрыв строки. Тег BR не требует закрывающего тега. Пример:

<р>Это абзац<ВЮ>Новая строка<р>Следующий абзац

Как вы уже догадались, тег Р используется для обозначения абзаца. В окне браузера данный HTML-код будет выглядеть, как показано на рис. Б.2.

Рис. Б.2. Теги Р и BR

С помощью тега FONT можно указать шрифт: гарнитуру, размер и цвет. Например:

<FONT face="Arial" color="red" size="7">Teкст</FONT>

Атрибут size предназначен для управления размером шрифта и может принимать значения от 1 до 7. По умолчанию используется значение 3.

В качестве значения атрибута color можно использовать значение в виде RRGGBB (например, #FFFFFF обозначает белый цвет) или использовать одну из констант цвета (см. табл. Б.1).

Таблица Б.1. Константы цвета

Продолжение табл. Б. 1

Окончание табл. Б. 1

Пример. Устанавливаем шрифт Arial, красного цвета, размером 6:

<font name="Arial" color="red" size="6">Tecт</font>

<font color="#FF0000" size="6">Tecт</font>

<font name="Arial" color="FF0000" size="6">Tecт</font>

Все эти три тега идентичны. Тег FONT обязательно требует закрывающий тег Теги Нn используются для создания заголовка и подразумевают наличие закрывающего тега. Например (рис. Б.З):

<h1>Самый большой заголовок</h1>

<h2>Чуть меньше</h2>

<hЗ>Еще меньше</hЗ>

<h4>Совсем маленький</h4>

<h5>Меньше</h5>

<h6>Самый мелкий</h6>

Теги Нn имеют два атрибута: align и title. Первый управляет выравниванием заголовка, а второй определяет всплывающую подсказку. Выравнивание может быть:

■             по центру — center;

■             по левому краю — left;

■             по правому краю — right;

■             по ширине — justify.

Например:

<h1 align="justify">Caмый большой заголовок</h1>

Тег HR создает горизонтальную линию. Использует такие атрибуты:

size — определяет высоту линии;

width — определяет ширину линии в пикселях или процентах;

color — задает цвет линии;

noshade — создает линию без тени.

Например:

<hr color="red" width="100%">

С тегом Р вы уже знакомы — он обозначает создание нового абзаца. Наличие закрывающего тега не обязательно. Для этого тега характерны те же атрибуты, что и для тегов Нn, т.е. align и title.

Тег PRE подойдет, если вы надумаете вставить в HTML-документ заранее отформатированный текст так, чтобы сохранилось форматирование, например, код программы — ведь если вы сделаете пару отступов табуляции в тексте программы, в окне браузера табуляция будет заменена одним (!) пробелом. Поэтому для сохранения отступов вам лучше использовать тег PRE и его закрывающий тег. Например (рис. Б.4):

// Если размер буфера не равен 100, то это нестандартный буфер

<PRE>

{

if (size(buf)!=100 )

   {

      printf("Нестандартный буфер");

   }

}

</PRE>

В случае использования тега PRE форматирование сохраняется, но могут исчезнуть некоторые символы. Как правило, исчезают специальные символы ("<",">" и др.). Для отображения таких символов можно использовать конструкцию &#nnn, где nnn — код символа в стандарте ASCII или ISO-8859-1. Наиболее часто используемые специальные символы представлены в табл. Б.2.

Таблица Б.2. Специальные символы

Рис. Б.4. Использование тега PRE

Для вставки в HTML-документ формул вам помогут теги SUB и SUP — нижний и верхний индексы соответственно. Наличие закрывающего тега обязательно (рис. Б.5).

<h2>Математическая формула

<p>y^'' = x⁴ +10y^`

<h2>Химическая формула

<p>H₂0

Рис. Б.5. Формулы

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