Баст      БАСТ                  Дополнение 1
 
Главная страница
Краткий курс по созданию сайтов
Урок №1
Урок №2
Урок №3
Урок №4
Урок №5
Урок №6
Урок №7
Урок №8
Урок №9
Урок №10
Урок №11
Урок №12
Урок №13
Урок №14
Урок №15
Урок №16
Урок №17
Урок №18
Урок №19
Урок №20
Урок №21
Урок №22
Урок №23
 

Урок №3

Продолжаем форматировать текст

    Перед тем, как перейти к новому тегу (или дескриптору), вспомним (очень кратко) деление шрифтов по наличию серифов: шрифты с серифами, например Times и Courier; и шрифты без серифов, например Arial и Helvetica. Больше о шрифтах можно прочитать в других источниках (книги, интернет, описание программ - Words, Exel и др.)

    Для изменения шрифта, его размера и цвета в отдельных фрагментах текста документа используют тег <font> и </font>. Этот дескриптор имеет следующие атрибуты:

  • color="Цвет"
    Вы уже знаете, где найти 16-й код для указания цвета.
  • face="название шрифта"
    Примеры: face="arial"; face="times"; face="courier" и т. д. (Во время открытия страницы браузер ищет указанный вами шрифт в локальной системе, т.е. на вашем компьютере. Если указанного шрифта нет, то браузер использует шрифт по умолчанию.)
  • size=n
    n = -1, 0, 1, 2, 3, 4, 5, 6 и 7.
    Чем больше цифра, тем больше буквы.

Дополнительные теги (дескрипторы), которые можно использовать для изменения шрифта:

  • <big> и </big>
    Шрифт крупнее стандартного.
  • <small> и </small>
    Шрифт мельче стандратного.
  • <kbd> и </kbd>
    Все буквы имеют фиксированную ширину. Некоторые браузеры объединяют выделенный текст в рамку.

Дескриптор для использования предварительно отформатированного текста.

  • <pre> и </pre>
    У вас может быть текст, набранный в БЛОКНОТЕ, и по неизвестной причине вам некогда вводить его в документ со всеми дескрипторами. Применяя этот тег, можно ввести текст без изменения расположения символов. Текст будет выглядеть так же, как и в БЛОКНОТЕ.

Пример документа HTML:

<html>
<head><title>Дополнительные теги</title></head>
<body>
<h1>Опять меняем шрифт</h1>
<p align=center> Теперь я могу менять шрифты:</p>
<!--шрифт Ариал-->
<font face="arial" size=0 color="#000000">Изучаем разный шрифт, разный цвет, различные размеры букв.</font>
<font face="arial" size=1 color="#0000FF">Изучаем разный шрифт, разный цвет, различные размеры букв.</font>
<font face="arial" size=2 color="#8A2BE2">Изучаем разный шрифт, разный цвет, различные размеры букв.</font>
<font face="arial" size=5 color="#FF7F50">Изучаем разный шрифт, разный цвет, различные размеры букв.</font>
<font face="arial" size=6 color="#006400">Изучаем разный шрифт, разный цвет, различные размеры букв.</font>
<font face="arial" size=7 color="#20B2AA">Изучаем разный шрифт, разный цвет, различные размеры букв.</font>
<!--шрифт Таймз-->
<font face="times" size=-1 color="#000000">Изучаем разный шрифт, разный цвет, различные размеры букв.</font>
<font face="times" size=0 color="#0000FF">Изучаем разный шрифт, разный цвет, различные размеры букв.</font>
<font face="times" size=2 color="#8A2BE2">Изучаем разный шрифт, разный цвет, различные размеры букв.</font>
<font face="times" size=4 color="#FF7F50">Изучаем разный шрифт, разный цвет, различные размеры букв.</font>
<font face="times" size=6 color="#006400">Изучаем разный шрифт, разный цвет, различные размеры букв.</font>
<font face="times" size=7 color="#20B2AA">Изучаем разный шрифт, разный цвет, различные размеры букв.</font>
Нормальный шрифт, <big>большой </big> <small>маленький</small>
<kbd>Шрифт с буквами одинаковой ширины</kbd>
<pre>
     switch (ch) {
  case 'i':
      in = x;
      cm = x*fac;
      break;
  case 'c':
      in = x/fac;
      cm = x;
      break;
  default:
      in = cm = 0;
      break;
  }
     
</pre>
</body>
</html>

     Сохраните этот файл, или другой, написанный на его основе, как 3.html. Все сохраненные файлы в течение занятий мы будем использовать при ознакомлении с тегами ссылок.

 


© 2005 БАСТ
Hosted by uCoz