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

Щоб змінити розмір шрифту, можна використовувати тег <FONT> з атрибутом SIZE=. Взагалі кажучи, WWW-консорціум не особливо рекомендує використовувати тег <FONT> в HTML 4.0. Ми вважаємо, що зловживати їм дійсно не потрібно, коли є можливість використання каскадних таблиць стилів CSS, про що ми поговоримо в розділі 4. Проте іноді для дрібних коректив цей тег буває дуже зручний. Наприклад, якщо ми поставимо перед вступним текстом тег

<FONT SIZE="+1">

f після нього - що закриває тег </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Т>

Деякі броузери розуміють також скорочене написання цього тега - <S> . Проте для хорошої сумісти мости користуйтеся кращим тегом <STRIKE

Проте повернемося до нашого героя Сергія Сергєєву. У такому вигляді сторіночка виглядає вже непогано. Але ви, напевно, звернули увагу на те, що в Інтернеті майже не зустрічаються сторіночки, написані чорними буквами на і білому фоні. Зустрівши таку сторінку, користувач, швидше за все, вирішить, що це щось дуже нудне. Крім того, білий фон дуже яскравий, а його контраст з чорними буквами дуже великий, що швидко стомлює очі. Тому давайте спробуємо змінити колір фону і тексту.