Уроки WEB-Строительства

\|УРОК 12\| - Играем с шрифтом

Вступление

Работаем с vinnie.html из Урока 8:

<html>
 <body bgcolor=white text=black>
  <H4>Песенка Винни-Пуха</H4>
   <a href="index.html">
    <img src="vinnie.jpg" alt="Винни-Пух" width=232 height=304 border=0>
   </a>
   <p>
    <font size=2>Если б мишки были пчелами</font><br>
    <font size=-1 color=red>То они бы нипочем</font><br>
    <font size=+2 color=#808080>Никогда бы не подумали</font><br>
    <font face="Tahoma" size=2>Так высоко строить дом</font><br>
  </p>
  <p align=center>Конец</p>
 </body>
</html>

Посмотрим, что получилось:

Песенка Винни-Пуха

Необходимые пояснения

Видим, что в рассмотрении появился новый тег . Для чего же он нужен? А нужен он для изменения цвета, размера или шрифта текста в HTML-документе, используя для этого один из трех аттрибутов.

Аттрибут size устанавливает размер шрифта текста. Размер может задаваться в диапазоне от 1 до 7. Однако, аттрибуту size можно присваивать не только абсолютное значение размера (например ), но и указывать относительное значение (например ). В этом случае произойдет изменение размера шрифта относительно базового размера (по умолчанию, он равен 3).
Например выражение эквивалентно выражению .

Аттрибут color устанавливает цвет текста. Как можно догадаться из примера, аттрибуту color можно присваивать как значения, приведенные в таблице названий цветов в Уроке 3, так и в формате #RRGGBB.

Аттрибут font задает название шрифта, которым будет отображаться текст. Есть возможность задавать несколько названий, через запятую. Например:

В этом случае браузер попытается отобразить текст шрифтом Verdana, однако если на компьютере пользователя такой шрифт отсутствует, то браузер попытается загрузить шрифт "Tahoma". Если же и этого шрифта нет, то будет загружен шрифт Arial. В случае, если в системе отсутствуют все из перечисленных шрифтов, текст будет отображен стандартным шрифтом. Для того, чтобы узнать, какие шрифты установлены в вашей системе, необходимо открыть папку "Шрифты" в Панели управления Windows (Это конечно если у вас Windows).

Сухой остаток

1. Тег  служит для изменения размера, цвета или шрифта текста.
2. Аттрибут size задает размер шрифта текста.
3. Аттрибут color определяет цвет текста.
4. Аттрибут face определяет шрифт текста.

Эксперименты

1. Попробуйте раскрасить "Песенку Винни-Пуха" в разные цвета.
2. Попробуйте задать шрифт Symbol для последней строки текста.