Форматирование шрифта

Управление структурой документа

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

Ø <H1>…</H1> – <H6>…</H6> – теги для организации заголовков шести уровней. Заголовок первого уровня самый крупный.

Ø <P> и </P> – теги для описания абзацев. Текст, помещенный между парой этих тегов, воспринимается как абзац и отделяется от других фрагментов текста дополнительной пустой строкой. Красная строка отсутствует.

Теги <P> и <Hi> (i=1…6) могут содержать необязательный атрибут ALIGN, задающий выравнивание текста. Возможные значения этого атрибута: LEFT (выравнивание по левому краю), CENTER (по центру), RIGHT (по правому краю).

Например:

<H1 ALIGN=”CENTER”> Заголовок </H1>.

Центрирование любых элементов HTML-документа может быть осуществлено также с помощью тега <CENTER>, </CENTER>.

Ø <DIV> и </DIV>, <SPAN> и </SPAN> – теги для указания специальных свойств отдельному фрагменту текста (текстовому блоку).

Между тегами <DIV> и <SPAN> имеются существенные отличия. <DIV> является исключительно структурным тегом. Он создает принудительный перенос строки на одну позицию после своего закрывающего тега, поэтому задавать с его помощью отдельные свойства фрагмента внутри абзаца нельзя – это вызовет принудительный перенос строки. А <SPAN> берет начало в области физического форматирования текста, он позволяет назначать новые правила отображения текстовых фрагментов без измене-ия структуры документа.

Ø <BR> – этот непарный тег используется, если необходимо перейти на новую строку, не прерывая абзаца.

Ø <HR> – позволяет вывести горизонтальную разделительную линию.

Возможные атрибуты тега <HR>:

• SIZE – определяет толщину линии в пикселах (SIZE=4).

• WIDTH – задает размах линии по ширине экрана. Ширина может быть задана в абсолютных единицах – пикселах (WIDTH=400) или относительных – в процентах от ширины экрана (WIDTH=75%).

• COLOR – цвет разделительной линии.

Существует два основных подхода к шрифтовому выделению фрагментов: логическое и физическое форматирование.

Теги физического форматирования указывают браузеру как нужно отображать тот или иной фрагмент текста (подчеркнутым, наклонным и т.д.) независимо от его смысловой нагрузки. Если необходимо показать, что фрагмент текста является, например, кодом программы или цитатой, можно использовать теги логического форматирования текста.