Простейшее форматирование текста

Управление шрифтом

Чтобы изменить размер шрифта, можно использовать тег с атрибутом SIZE=. Вообще говоря, WWW-консорциум не особенно рекомендует использовать тег в HTML 4.0. Мы считаем, что злоупотреблять им действительно не нужно, когда есть возможность использования каскадных таблиц стилей CSS, о чем мы поговорим в главе 4. Однако иногда для мелких корректив этот тег бывает очень удобен.

<FONT SIZE="+1">

Например, если мы поставим перед вступительным текстом тег , а после него – закрывающий тег , то весь текст, оказавшийся между этими тегами, будет отображен шрифтом на один “уровень” крупнее обычного.

Возникает вопрос: а каков размер “обычного” шрифта? В языке HTML для тега были определены семь основных размеров шрифта, измеряемых не в пунктах, а в некоторых условных единицах – от 1 до 7. Как правило, обычный шрифт имеет размер “3”, если не определено иное с помощью тега <BASEFONT> (например, так: <BASEFONT SIZE="6">). В последнее время такое определение размеров не рекомендуется, поскольку с помощью CSS можно определить размеры шрифта в любых привычных единицах.

Необходимо различать записи . В первом случае указывается относительный размер шрифта, а во втором – абсолютный. Соответственно, для временного уменьшения размера шрифта можно использовать запись . Можно использовать также значения "+2", "-2", "+3" и т. д. Кстати, для увеличения или уменьшения шрифта на одну единицу можно использовать также теги <BIG> и (они используются с закрывающими тегами).

Теперь давайте выделим еще некоторые элементы нашей страницы. Чтобы отобразить подзаголовки рассказов курсивом, их можно поместить между тегами и :

<Н2><Р АLIGN+"center">ИВАН-ЦАРЕВИЧ И СЕРЫЙ ЗАЯЦ<ВК>
<I>сказка</I></Р></Н2>

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

Мы можем также выделить фамилию нашего героя во вступительном тексте полужирным шрифтом, используя тег <В> :

<В>Сергей Сергеев</В> – писатель-авангардист, автор 20 рассказов.

Такой же результат даст использование тега . Более гибко управлять выделением можно с помощью CSS

Для выделения какой-либо части текста можно использовать подчеркивание, поместив текст между тегами и . Однако злоупотреблять этим не следует, поскольку подчеркнутый текст в WWW ассоциируется с гиперссылками и читатель будет весьма разочарован, когда щелчок мыши по подчеркнутому тексту ни к чему не приведет.

Иногда требуется также зачеркнуть отдельные слова в тексте (например, при снижении цен на товары обычно указывают старую цену в зачеркнутом виде). Для этого служит тег <STRIKE>:

Старая цена: <STRIKE>168 рублей </STRIKE>
Новая цена: <FONT SIZE="+1">102 рубля</FONТ>

Результат представлен на Рис. 2.3. Некоторые броузеры понимают также сокращенное написание этого тега – <S> . Однако для хорошей совмести мости пользуйтесь лучше тегом <STRIKE> (пока возможно, совместимость со всеми броузерами все же лучше поддерживать, тем более что на данном этапе это совсем несложно).

Рис. 2.3. Применение зачеркнутого текста

Однако вернемся к нашему герою Сергею Сергееву. В таком виде страничка смотрится уже неплохо. Но вы, наверное, обратили внимание на то, что в Интернете почти не встречаются странички, написанные черными буквами на и белом фоне. Встретив такую страницу, пользователь, скорее всего, решит, что это что-то очень скучное. Кроме того, белый фон слишком ярок, а его контраст с черными буквами слишком велик, что быстро утомляет глаза. Поэтому давайте попытаемся изменить цвет фона и текста.