Теперь давайте разберёмся с шрифтом, о его свойствах, атрибутах, и т.д. ведь шрифт это достаточно важный элемент на сайте, если не сказать основной. Ну, что начнём.
Тег <FONT> определяет все атрибуты шрифта. С его помощью мы можем указать тип, размер, цвет и некоторые другие свойства.
По умолчанию браузеры используют шрифт Times Roman, но если вы захотите изменить шрифт, это несложно сделать с помощью атрибута <face>, но нужно иметь ввиду, что тот шрифт, какой вы укажете, может отсутствовать у пользователя, читающего вашу страничку, может не оказаться такого шрифта в системе, и он увидит тогда ваш текст в той кодировке, которая у него установлена по умолчанию. Но эту проблему можно решить другим способом: указать браузеру не один, а несколько похожих шрифтов.
Вот некоторые шрифты: Verdana, Arial, Helvetica, Courier, Times New Roman, Impact, Comic Sans MS, Half и многие-многие другие. Мы можем написать один и тот же текст разными способами:
<FONT face="Verdana"> НАШ ТЕКСТ </FONT> <BR>
<FONT face="Arial"> НАШ ТЕКСТ </FONT> <BR>
<FONT face="Helvetica"> НАШ ТЕКСТ </FONT> <BR>
<FONT face="Courier"> НАШ ТЕКСТ </FONT> <BR>
<FONT face="Impact"> НАШ ТЕКСТ </FONT> <BR>
и у нас получится:
НАШ ТЕКСТ
НАШ ТЕКСТ
НАШ ТЕКСТ
НАШ ТЕКСТ
НАШ ТЕКСТ
Вы можете перечислить несколько шрифтов, и тогда у пользователя может быть какой-то из перечисленных и найдется! Поэтому вы можете написать:
<FONT face="Verdana, Arial, Helvetica"> НАШ ТЕКСТ </FONT>
И будьте уверены, браузер пользователя сначала поищет у себя шрифт Verdana, и если такого шрифта не обнаружит, побежит искать Arial. Если и такого шрифта не отыщется, попробует последний шанс - Helvetica. Если же и этого шрифта не окажется, то тогда поставит тот шрифт, который у пользователя установлен по умолчанию. И на этом успокоится.
- Размер шрифта -
По умолчанию размер шрифта равняется 3 пунктам. Но, при желании мы можем увеличить или уменьшить его размер с помощью атрибута <size>. Для этого есть два пути. Абсолютный и относительный. Абсолютный, это когда мы прямым текстом говорим, сколько пунктов должен иметь наш текст. Так, например, выражение "FONT size=5" говорит о том, что наши буквы должны иметь размер 5 пунктов. Ни больше ни меньше! Так попытайтесь угадать, какой размер должен иметь текст "FONT size=2"? Совершенно правильно! Два пункта! А сколько "FONT size=20"? Думаете 20? Ничего подобного. Всему есть предел! Вот и тут тоже предел от 1 до 7.
Как и говорил, есть еще один путь - относительный. Это если за основу взять те три пункта, которые приняты по умолчанию. И прибавляя, либо отнимая число пунктов, можно увеличивать или уменьшать наши пунктики. А вот и примеры:
<FONT size= +2> означает 3+2=5 пунктов <FONT size= +4> означает 3+4=7 пунктов <FONT size= -1> означает 3-1=2 пункта
Может я вас немного запутал, но, приноровившись, вы будете щелкать эти задачки как орешки. Заодно и арифметику вспомните, а с нею и школьную юность…
- А теперь расскрасим наш текст! -
Для этого существует атрибут <color>. Вот с этим колером мы сейчас и поработаем. Вообще, цвета можно задавать двумя разными способами. Первый - можно использовать словесное обозначение цвета: blue, black, yellow, green, white и т.д. А можно - и их цифровое обозначение, только не забывайте перед цифровым эквивалентом ставить "решетку"! Так, цвет "blue" имеет свое числовое значение "#0000ff", цвет "red" - значение "#FF0000" и так далее. То есть если мы напишем:
<FONT color="red"> НАШ ТЕКСТ </FONT>
или
<FONT color="#ff0000"> НАШ ТЕКСТ </FONT>
Обе эти записи будут идентичны. И в окне браузера слово " НАШ ТЕКСТ " будет красным.
Приведу таблицу некоторых цветов:
цвет |
color |
код |
aква |
Aqua |
00FFFF |
Черный |
black |
000000 |
Синий |
blue |
0000FF |
Фуксия |
fuchsia |
FF00FF |
Серый |
gray |
808080 |
Зеленый |
green |
008000 |
Известь</FONT< td> |
lime |
00FF00 |
Темно-бордовый |
maroon |
800000 |
Темно-синий |
navy |
000080 |
Оливковый |
olive |
808000 |
фиолетовый |
purple |
800080 |
Красный |
red |
FF0000 |
Серебряный |
silver |
C0C0C0 |
Чирок |
teal |
008080 |
Белый |
white |
FFFFFF |
желтый |
yellow |
FFFF00 |
Добавление стилей в ваш HTML-документ
HTML позволяет использовать различные стили шрифтов для выделения текстовой информации ваших документах. Вот короткий список стилей, поддерживаемых большинством браузеров: bold (жирный) italic (наклонный) mono spaced (type writer - с использованием фиксированных шрифтов)
Вы можете комбинировать различные виды стилей, например жирный и наклонный.
Стиль |
Элемент или тэг |
Результат |
Bold |
<B> Этот текст жирный </B> |
Этот текст жирный |
Italic |
<I> Этот текст наклонный </I> |
Этот текст наклонный |
Mono spaced |
<TT> Этот текст с непроп. шрифтом </TT> |
Этот текст с непроп. шрифтом |
Комбинирование стилей позволяет вам отображать в одной строке несколько элементов различными стилями, например:
<b>Жизнь</b> - <i>это <b>песня!</b></i>
Жизнь - это песня!
Внимание! Добавление большого количества стилей и их комбинаций приводит к затруднению чтения текста!
Дополнительные стили:
big (юольшой) small (маленький) sub (подстрочник) sup (надстрочник)
Стиль |
Элемент или тэг |
Результат |
Big |
Этот текст <BIG> большой </BIG> |
Этот текст большой |
Small |
Этот текст <SMALL> маленький </SMALL> |
Этот текст маленький |
Sub |
Этот текст <SUB> подстрочник </SUB> |
Этот текст подстрочник |
Sup |
Этот текст <SUP> надстрочник </SUP> |
Этот текст надстрочник |
Размер шрифта <FONT SIZE>
Вы можете изменять размер шрифта при помощи тэга:
<FONT SIZE=+|- n>
Шрифт может иметь размер от 1 до 7. Вы можете прямо указать размер шрифта цифрой, или указать смещение относительно базового значения (по умолчанию - 3) в положительную или отрицательную сторону. Базовое значение можно изменить при помощи тэга:
<BASEFONT SIZE=n>
Например:
<p>и
<font
SIZE=+1>з</font><font
SIZE=+2>м</font>
<font
SIZE=+3>е</font><font
SIZE=+4>н</font>
<font
SIZE=+3>е</font><font
SIZE=+2>н</font>
<font
SIZE=+1>и</font>
е</p>
изменение