- Шрифты -

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

Тег <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>

изменение


УРОК 2 /

1

1

1

1

1



Hosted by uCoz