Главная :: Учебник HTML :: Cтруктура документа :: Физическое форматирование

Физическое форматирование

Физическое форматирование документа (визуальное) позволяет создавать различные виды выделения части текста по смысловому признаку. Например, можно подчеркнуть часть текста с помощью тега <U> или же сделать наклонное начертание с помощью тега <I>. По возможности стоит отдавать предпочтение тегам логического форматирования документа.

Перейдем к описанию тегов физического форматирования документа.

Часто для удобства документ разделяют заголовками разделов с помощью тегов <Hn> и </Hn>, где n может принимать значение от 1 до 6:

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

<H2>Заголовок 2</H2>

<H3>Заголовок 3</H3>

<H4>Заголовок 4</H4>

<H5>Заголовок 5</H5>

<H6>Заголовок 6</H6>

Параграф располагается между тегами <P> и </P>. Выравнивание задается свойством ALIGN. Перевод строки осуществляется с помощью тега <BR>.

<P ALIGN="left"> Выравнивание по левому краю</P>

<P ALIGN="center"> Выравнивание по центру</P>

<P ALIGN="right"> Выравнивание по правому краю</P>

<P ALIGN="justify"> Выравнивание по ширине страницы. Для параграфов, содержащих большое количество текста, этот вариант выравнивания выглядит гораздо лучше, не правда ли?</P>

Текст после <BR>
переходит на новую строчку.

Начерание текста определяется следующими тэгами:

<B>Жирный</B>
<I>Курсив/наклонный</I>
<U>Подчеркнутый</U>
<STRIKE> ~~Перечеркнутый~~</STRIKE>
<SUP>^{Верхний индекс}</SUP>
<SUB>_{Нижний индекс}</SUB>

Шрифт для фрагмента текста можно задать с помощью тега <FONT> (закрывающий тег </FONT> обязателен). Свойство SIZE определяет размер текста, значения размера от 1 (мелкий) до 6 (крупный), по умолчанию SIZE=3. Свойство FACE задает имя шрифта. Можно задавать несколько имен шрифтов через запятую. Если у пользователя не окажется первого шрифта, то браузер будет подставлять второй и т.д. Свойство COLOR задает цвет текста. Можно использовать как имена цветов (red, blue, green) так и номер в виде #RRGGBB, где RR - концентрация красного, GG - зеленого, BB - синего. Выделение текста цветовым фоном достигается использованием свойства style="backgroud-color: цвет". Продемонстрируем применение тега <FONT> на примерах:

<FONT SIZE="1">Размер 1</FONT>
<FONT SIZE="2">Размер 2</FONT>
<FONT SIZE="3">Размер 3</FONT>
<FONT SIZE="4">Размер 4</FONT>
<FONT SIZE="5">Размер 5</FONT>
<FONT SIZE="6">Размер 6</FONT>
<FONT FACE="Times New Roman">Times New Roman</FONT>
<FONT FACE="Arial">Arial</FONT>
<FONT FACE="System">System</FONT>
<FONT FACE="Verdana">Verdana</FONT>
<FONT FACE="Courier">Courier</FONT>
<FONT FACE="Comic Sans MS">Comic Sans MS</FONT>
<FONT COLOR="red">Красный</FONT>
<FONT COLOR="green">Зеленый</FONT>
<FONT COLOR="#0000FF">Синий</FONT>
<FONT STYLE="background-color: pink">Текст на розовом фоне</FONT> Текст на обычном фоне.