2.2. Управление шрифтами в html

2.2.1. Стили шрифта

HTML позволяет использовать различные стили шрифтов для выделения текстовой информации в HTML-документах:

• bold (жирный) – тег <B>;

• italic (наклонный) - тег <I>;

• mono spaced (моноширинный шрифт - шрифт пишущей машинки) - тег <TT>.

Стиль	Пример с тегами HTML	Результат
Bold	<B> Этот текст жирный </B>	Этот текст жирный
Italic	<I> Этот текст наклонный </I>	Этот текст наклонный
Mono spaced	<TT> Этот текст с моноширинным шрифтом </TT>	Этот текст с моноширинным шрифтом

Возможно комбинирование различных видов стилей. Комбинирование стилей позволяет отображать в одной строке несколько элементов различными стилями, например:

<B>ЖИЗНЬ</B> - <I>ЭТО <B>ПЕСНЯ!</B></I>

ЖИЗНЬ - ЭТО ПЕСНЯ!

Дополнительные стили шрифтов:

• big (большой)

• small (маленький)

• sub (подстрочник)

• sup (надстрочник)

Стиль	Пример с тегами HTML	Результат
Big	Этот текст <BIG> большой </BIG>	Этот текст большой
Small	Этот текст <SMALL> маленький </SMALL>	Этот текст маленький
Sub	Этот текст <SUB> подстрочный </SUB>	Этот текст подстрочный
Sup	Этот текст <SUP> надстрочный </SUP>	Этот текст надстрочный

2.2.2. Размер шрифта

Различные параметры шрифта можно изменять при помощи тега <FONT>. Атрибут SIZE тега <FONT> позволяет изменять размер шрифта:

<FONT SIZE=+|- n>

Шрифт может иметь размер от 1 до 7. Вы можете прямо указать размер шрифта цифрой, или указать смещение относительно базового значения (по умолчанию - 3) в положительную или отрицательную сторону. Базовое значение можно изменить при помощи атрибута SIZE тега <BASEFONT>:

<BASEFONT SIZE=n>

Например:

<P>И

<FONT SIZE=+1>З</FONT><FONT SIZE=+2>М</FONT>

<FONT SIZE=+3>Е</FONT><FONT SIZE=+4>Н</FONT>

<FONT SIZE=+3>Е</FONT><FONT SIZE=+2>Н</FONT>

<FONT SIZE=+1>И</FONT>

Е</P>

2.2.3. Цвет шрифта

Изменить цвет шрифта можно с помощью атрибута COLOR тега <FONT>:

<FONT COLOR="#xxxxxx">

Цвет указывается в RGB-формате (Red-Green-Blue) посредством указания размерности каждой компоненты цвета в шестнадцатиричном формате(признак #). Например, белый цвет обозначается "#000000", черный - "#FFFFFF", синий - "#0000FF" и т.п.

<FONT COLOR="#FF0000"> Красный </FONT>

<FONT COLOR="#00FF00"> Зеленый </FONT>

<FONT COLOR="#0000FF"> Синий </FONT>

Красный Зеленый Синий

ВНИМАНИЕ! Использование тегов <FONT> и <BASEFONT> является нежелательным. Для управления различными параметрами шрифта рекомендуется использование каскадных таблиц стилей (CSS).

2.3. Использование каскадных таблиц стилей css в html

Каскадные таблицы стилей - CSS (Cascading Style Sheets) позволяют управлять размером и стилем шрифтов, интервалами между строками текста, отступами, цветами, используемыми для текста и фона и многими другими параметрами отображения HTML-документов.

Основным понятием CSS является стиль – т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке должны располагаться 10 или 110 таких элементов, ничуть не отличающихся один от другого. Вы должны были десять или сто десять раз вставить один и тот же кусок HTML-кода в страничку, увеличивая размер файла и время загрузки на компьютер просматривающего ее пользователя. Кроме того, до появления таблиц стилей возможности управления внешним видом документов у авторов были весьма ограничены. В HTML 3.2 был включен ряд атрибутов и элементов для управления выравниванием, размером шрифта и цветом текста. Однако поскольку таблицы стилей обеспечивают более мощные механизмы представления, World Wide Web Consortium планирует существенно сократить число элементов и атрибутов представления в HTML. В спецификации HTML 4.0 элементы и атрибуты, которые могут быть впоследствии исключены, помечены как "нежелательные". Они сопровождаются примерами достижения того же эффекта с помощью других элементов или таблиц стилей.

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

Более того, возможно сохранить описание стиля не в тексте самой HTML-страницы, а в отдельном файле – это позволит использовать описание стиля в любом количестве Web-страниц. И еще одно, связанное с этим, преимущество – возможность изменить оформление любого количества страниц, исправив лишь описание стиля в одном (отдельном) файле.

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