Управление шрифтом
Чтобы изменить размер шрифта, можно использовать тег
<FONT>
с атрибутом SIZE=. Вообще говоря, WWW-консорциум не особенно рекомендует использовать тег
<FONT>
в HTML 4.0. Мы считаем, что злоупотреблять им действительно не нужно, когда есть возможность использования каскадных таблиц стилей CSS, о чем мы поговорим в главе 4. Однако иногда для мелких корректив этот тег бывает очень удобен. Например, если мы поставим перед вступительным текстом тег
<FONT SIZE="+1">
f поcле него — закрывающий тег </FONT>, то весь текст, оказавшийся между этими тегами, будет отображен шрифтом на один “уровень” круп-нее обычного.
Возникает вопрос: а каков размер “обычного” шрифта? В языке HTML для тега
<FONT>
были определены семь основных размеров шрифта, измеряемых не в пунктах, а в некоторых условных единицах — от 1 до 7. Как правило, обычный шрифт имеет размер “З”, если не определено иное с помощью тега
<BASEFONT>
(например, так:
<BASEFONT SIZE="6">)
. В послед- нее время такое определение размеров не рекомендуется, поскольку с помощью CSS можно определить размеры шрифта в любых привычных единицах.
Необходимо различать записи
<FONT SIZE="+1" и <FONT SIZE="1">
. В пер- вом случае указывается относительный размер шрифта, а во втором — абсолютный. Соответственно, для временного уменьшения размера шрифта можно использовать запись
<FONT SIZE="-1">
. Можно использо- вать также значения "+2", "-2", "+3" и т. д. Кстати, для увеличения или уменьшения шрифта на одну единицу можно использовать также теги
<BIG>
и
<SMALL>
(они используются с закрывающими тегами).
Теперь давайте выделим еще некоторые элементы нашей страницы. Чтобы отобразить подзаголовки рассказов курсивом, их можно поместить между тегами
<I>
и
</I>
:
<Н2><Р АLIGN+"center">ИВАН-ЦАРЕВИЧ И СЕРЫЙ ЗАЯЦ<ВК> <I>сказка</I></Р></Н2>
Такой же результат, как тег
<I>
, дает тег
<ЕМ>
. Отличие их в том, что тег
<ЕМ>
определяет лишь логически выделенный фрагмент, который броузеры обычно отображают курсивом, а тег
<I>
— это явное указание на кур сив. Впрочем, это уже несущественные детали.
Мы можем также выделить фамилию нашего героя во вступительном тексте полужирным шрифтом, используя тег
<В>
:
<В>Сергей Сергеев</В> - писатель-авангардист, автор 20 рассказов.
Такой же результат даст использование тега
<STRONG>
. Более гибко управлять выделением можно с помощью CSS
Для выделения какой-либо части текста можно использовать подчеркивание, поместив текст между тегами
<U>
и
</U>
. Однако злоупотреблять этим не следует, поскольку подчеркнутый текст в WWW ассоциируется с гиперссылками и читатель будет весьма разочарован, когда щелчок мыши по подчеркнутому тексту ни к чему не приведет.
Иногда требуется также зачеркнуть отдельные слова в тексте (например, при снижении цен на товары обычно указывают старую цену в зачеркнутом виде). Для этого служит тег
<STRIKE>:
Старая цена: <STRIKE>168 рублей </STRIKE> Новая цена: <FONT SIZE="+1">102 рубля</FONТ>
Результат представлен на рис. 2.3. Некоторые броузеры понимают также сокращенное написание этого тега —
<S>
. Однако для хорошей совмести мости пользуйтесь лучше тегом
<STRIKE>
(пока возможно, совместимость
со всеми броузерами все же лучше поддерживать, тем более что на данном этапе это совсем несложно).
Рис. 2.3. Применение зачеркнутого текста
Однако вернемся к нашему герою Сергею Сергееву. В таком виде страничка смотрится уже неплохо. Но вы, наверное, обратили внимание на то, что в Интернете почти не встречаются странички, написанные черными буквами на и белом фоне. Встретив такую страницу, пользователь, скорее всего, решит, что это что-то очень скучное. Кроме того, белый фон слишком ярок, а его контраст с черными буквами слишком велик, что быстро утомляет глаза.Поэтому давайте попытаемся изменить цвет фона и текста.