вернуться на главную страницу

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

Разработчикам Web - страниц давно требовались дополнительные возможности изменения вида текста. Их не устраивало то, что они могут управлять только простыми атрибутами, но не могут с помощью основных тегов, таких как <H1>, влиять на стиль и цвет. Теперь новые версии Web - броузеров поддерживают тег (дескриптор) <FONT>, который позволяет управлять стилем, цветом, размером и видом шрифта в гораздо большей степени, чем стандартные теги <B> и <I>. Вы можете даже выводить текст различными шрифтами, а не только шрифтом Times New Roman, который сегодня используется в большинстве Web - страниц. В дальнейшем для краткости слово дескриптор мы будем заменять на слово тег.

1. 1. Задание фактического размера шрифта.

Как управлять размером заголовков на экране с помощью наборов тегов с <H1> по <H6> мы уже рассмотрели. Они позволяют точно задать вид заголовка на экране. Единственный их недостаток в том, что используются эти теги только для заголовков, но не для основного текста. Тег <FONT> дает такие же возможности для отображения на экране основного текста. Текст может быть выведен шрифтом семи различных размеров - от 1 (наименьший) до 7 (наибольший). Текст без использования тега <FONT> выводится шрифтом размера 3. Это означает, что у Вас есть четыре варианта увеличения размера шрифта (4-7) и два варианта уменьшения (1-2). Все, что Вы должны сделать, - это поставить в начале и в конце фрагмента теги <FONT>, причем в начало добавить ключевое слово SIZE=, как показано ниже:

<FONT SIZE=1> Этот текст выводится шрифтом размера 1</FONT>

<FONT SIZE=2> Этот текст выводится шрифтом размера 2</FONT>

<FONT SIZE=3> Этот текст выводится шрифтом размера 3</FONT>

<FONT SIZE=4> Этот текст выводится шрифтом размера 4</FONT>

<FONT SIZE=5> Этот текст выводится шрифтом размера 5</FONT>

<FONT SIZE=6> Этот текст выводится шрифтом размера 6</FONT>

<FONT SIZE=7> Этот текст выводится шрифтом размера 7</FONT>

На экране это выглядит следующим образом:

1. 2. Задание относительного размера шрифта.

Тег <FONT> имеет дополнительные возможности для задания размера шрифта основного текста. Вместо определенного номера Вы можете задать относительный размер шрифта, например +3 или -1. Web - броузер прибавляет (или вычитает) заданное число к номеру шрифта, используемого по умолчанию (размер 3).

Примеры :

<FONT SIZE=+3>Пример относительного размера шрифта</FONT>

<FONT SIZE=-2>Пример еще одного размера шрифта</FONT>

Поскольку шрифт обычно имеет размер 3, первая строка приведенного кода будет выведена на экран шрифтом с размером 6 (3+3=6), а вторая будет иметь размер 1 (3-2=1).

На экране это выглядит следующим образом:

Часто относительное задание размеров используется для вывода первой буквы фразы более крупным шрифтом, чем остальное предложение. Этот метод позволяет привлечь внимание к определенному фрагменту Web - страницы.

Примеры :

<CENTER>

<FONT SIZE=6>П< /FONT>< FONT SIZE=5>римеры< /FONT>

<FONT SIZE=6>и</FONT><FONT SIZE=5>з</FONT>

<FONT SIZE=6>к</FONT><FONT SIZE=5>ниги</FONT>

<BR>

<FONT SIZE=6>Г</FONT><FONT SIZE=5>лава</FONT>

<FONT SIZE=6>4</FONT><FONT SIZE=5>.</FONT>

<FONT SIZE=6>С</FONT><FONT SIZE=5>тиль</FONT>

<FONT SIZE=6>В</FONT><FONT SIZE=5>ашего</FONT>

<FONT SIZE=6>Т</FONT><FONT SIZE=5>екста</FONT>

</CENTER>

На экране это выглядит следующим образом:

1. 3. Вложенные теги <FONT>.

Вы можете применять вложенные друг в друга теги <FONT SIZE= >, но их действие окажется не таким, которое Вы предполагали.

Пример :

Скажем, Вы хотели, чтобы три слова были выведены шрифтом последовательно увеличивающегося размера:

Крупный, Крупнее, Крупнейший.

Чтобы последовательно увеличивать размер шрифта, следует записать HTML - код следующим образом:

<FONT SIZE=+1>Крупный

<FONT SIZE=+2>Крупнее

<FONT SIZE=+3>Крупнейший

</FONT>

</FONT>

</FONT>

На экране это выглядит следующим образом:

1. 4. Шрифты различного начертания.

Обычно на компьютере установлено множество различных шрифтов для текстового редактора. Например, Windows 95 поставляется с дюжиной шрифтов, которые можно использовать в различных случаях.

Internet Explorer позволяет задавать начертание (гарнитуру) шрифта, которым текст будет выведен на экран, с помощью нового ключевого слова в теге <FONT>. Делается это так. Воспользуйтесь ключевым словом FACE=, и броузер попытается отобразить текст тем альтернативным шрифтом, который Вы указали.

Примеры :

<FONT FACE="Arial"> Шрифт этого текста иной</FONT>

<FONT FACE="Coronet"> Шрифт этого текста иной</FONT>

<FONT FACE="WingDings">Шрифт этого текста иной</FONT>

На экране это выглядит следующим образом:

Этот фрагмент кода сообщает броузеру, что отмеченный тегом текст должен быть отображен шрифтом соответственно: Arial, Coronet, WingDings.

Тег<FONT> работает следующим образом. Сначала броузер выясняет, какой шрифт Вы задали. Затем он проверяет, установлен ли данный шрифт на персональном компьютере посетителя Web - страницы. Если да, броузер отображает текст, используя этот шрифт. Если по какой - либо причине не удается найти шрифт, броузер просто выводит текст стандартным шрифтом, как если бы тега вообще не было.

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

< FONT FACE="Arial, Coronet,WingDings"> Шрифт этого текста иной </FONT>

Приведенный выше тег сначала попытается найти шрифт Arial и отобразить Ваш текст этим шрифтом. Если попытка не увенчается успехом, он станет искать шрифт Coronet, затем WingDings. Если ни с одним из них ничего не выйдет, Internet Explorer вернется к используемому по умолчанию шрифту Times Roman. Вы можете задать любое количество альтернативных шрифтов.

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

1. 5. Как сделать ваш текст немного крупнее или мельче.

Иногда при вводе текста в Web - страницу необходимо слегка выделить определенные фрагменты текста, чтобы читатель обратил на них особое внимание. HTML предлагает ряд возможностей для такого выделения, в числе которых еще два новых тега, дающих возможность изменить вид текста на экране. Это теги <BIG> и <SMALL>. Они не оказывают существенного влияния на вид текста, но вызывают некоторые изменения в толщине и размере шрифта.

Шрифт текста между тегами <BIG> и </BIG> немного крупнее и жирнее обычного. А действие тегов <SMALL> и </SMALL> прямо противоположно. Шрифт между ними становится немного мельче.

Если принять размер шрифта без тегов за 100 процентов, то тег <SMALL>  уменьшает этот размер примерно на 10 процентов, то тег <BIG>, напротив, увеличивает его примерно на столько же.

Пример:

<BIG> Это крупный текст</BIG>

<BR> 

Это нормальный текст

<BR>

<SMALL> Это мелкий текст </SMALL>

На экране это выглядит следующим образом:  


вернуться на главную страницу