Элементы логической разметки

Элементы физической разметки

Логическая и физическая разметка

Текст и шрифтовое оформление

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

• Логическая (структурная) разметка показывает роль текстового сегмента, например, большую значимость по сравнению с обычным текстом или то, что данный сегмент является цитатой.

• Физическая (визуальная) разметка связана с представлением текста в специальной манере, например, с использованием шрифтов или специального вида подчеркивания.

• I Выделяет текст курсивом

• B Выделяет текст жирным шрифтом

• U Выделяет текст подчеркнутым

• S, STRIKE Выделяет текст перечеркнутым

• BIG Отображает текст увеличенным шрифтом (относительно текущего)

• SMALL Отображает текст уменьшенным шрифтом (относительно текущего)

• SUP Отображает текст со сдвигом ^вверх (верхний индекс)

• SUB Отображает текст со сдвигом _вниз (нижний индекс)

• TT Отображает текст моноширинным шрифтом

• BASEFONT Определяет основной шрифт, которым должен отображаться текст документа.

Атрибуты:

o SIZE - обязательный атрибут. Определяет базовый размер шрифта. Возможные значения: целые числа от 1 до 7 включительно.

o FACE - определяет используемый шрифт (гарнитуру).

o COLOR - Определяет цвет текста на веб-странице.

<BASEFONT FACE="Arial, Helvetica, sans-serif" SIZE="4" COLOR="maroon">

Атрибут FACE игнорируется большинством браузеров. Если необходимо явно указать тип шрифта для всего документа, можно использовать элемент FONT.

• FONT Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тегами. Вне тегов <FONT> и </FONT> используется шрифт, указанный в элементе BASEFONT.

Атрибуты:

o SIZE - определяет размер шрифта. Возможные значения: целое число от 1 до 7;

o относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью атрибута SIZE элемента BASEFONT.

o FACE - определяет используемый шрифт.

o COLOR - определяет цвет текста.

o

<FONT SIZE="3" FACE="Courier New" COLOR="blue">

Моноширинный синий текст 3 размера

</FONT>

• EM Используется для смыслового выделения текста (Emphasis)

• STRONG Усиленное выделение текста (Stronger emphasis)

• CODE, SAMP Оформляют текст как формулу или программный код

• KBD Выделяет текст, который предлагается набрать на клавиатуре (Keyboard)

• VAR Используется для обозначения в тексте переменных (Variable)

• CITE Оформляет текст как цитату или ссылку на источник (Citation)

• ADDRESS Оформляет текст как почтовый адрес

• BLOCKQUOTE Оформляет текст как цитату

• P Используется для разметки параграфов.

Атрибуты:

o ALIGN - определяет способ горизонтального выравнивания параграфа.

Возможные значения: left | center | right | justify. По умолчанию имеет значение left.

<P ALIGN="center"> Это центрированный параграф. Текст располагается в центре окна браузера </P>

<P ALIGN="right">А это параграф, выровненный по правому краю.</P>

• H1,H2,...H6 Используются для создания заголовков текста. Существует шесть уровней заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст на смысловые уровни - разделы и подразделы.

Атрибуты:

o ALIGN - определяет способ горизонтального выравнивания параграфа.

Возможные значения: left | center | right | justify. По умолчанию имеет значение left.

Важно:

Как для логической, так и для физической разметки используются элементы HTML с начальным и конечным тегами.

· Элементы разметки могут быть вложенными.

· Элементы разметки не должны перекрываться.

Некоторые текст <B>полужирный и <I></B>курсив</I>.

Текст <B>полужирный и <I>полужирный курсив</I> </B>.

Дата добавления: 2014-01-06