Автор работы: Пользователь скрыл имя, 26 Февраля 2012 в 15:48, научная работа
Язык HTML в своем развитии прошел несколько версий. Заметим, что после версий 1.0 и 2.0 в марте 1995 года был подготовлен черновой вариант версии 3.0, в которой по сравнению с версией 2.0 было много добавлений. Не углубляясь пока в детали, отметим, что основные производители навигаторов (фирмы Netscape и Microsoft) разработали свои расширения языка HTML, которые оказались несовместимыми между собой. В настоящее время ситуация осталась прежней, хотя совместимость навигаторов Netscape Navigator версии 3.0 и Microsoft Internet Explorer версии 3.0 несколько улучшилась.
Нельзя также указывать точный размер шрифта, так как разработчик документа HTML не знает, какое разрешение имеет экран пользователя. Если указать слишком крупный шрифт, в окне навигатора поместится очень мало информации. Если же размер шрифта окажется слишком мал, текст будет трудно прочитать.
Поэтому все навигаторы дают
пользователю возможность выбрать
для отображения нормального
текста два шрифта из числа установленных
в системе, указав размер букв. Первый
шрифт имеет фиксированную
Что же касается операторов
языка HTML, управляющих размером шрифта,
то они позволяют указать
Операторы <BIG> и <SMALL>
С помощью операторов <BIG> и <SMALL> вы можете, соответственно, увеличить и уменьшить высоту символов текста. Эти операторы используются в паре с операторами </BIG> и </SMALL>, например:
<BIG>Добро пожаловать в мир серверов WWW!</BIG>
Оператор <BASEFONT…>
Оператор <BASEFONT…> предназначен для изменения базового размера шрифта, его начертания и цвета. Параметры, определяющие начертание шрифта и цвет символов, мы рассмотрим немного позже. Что же касается базового размера шрифта, то он задаются параметром SIZE:
<P><BASEFONT SIZE=3>Размер шрифта равен 3
В этом примере базовый размер шрифта устанавливается равным 3, однако не следует думать, что здесь имеется в виду высота символов, равная 3 пунктам. Пользователь может изменить фактический размер шрифта, поэтому значение 3 следует рассматривать как относительное. По умолчанию навигаторы Microsoft Internet Explorer и Netscape Navigator используют для шрифта с размером 3 высоту символов, равную 12 пунктам.
Таблица соответствия базового размера шрифта, указанного в операторе <BASEFONT…>, и отображаемая навигатором Microsoft Internet Explorer показана ниже:
Значение параметра SIZE Размер символов в пикселах
1 9
2 10
3 12
4 14
5 18
6 24
7 36
Заметьте также, что параметр SIZE изменяет размер шрифта нелинейно. Если, например, размер символов для значений этого параметра 1 и 2 отличаются друг от друга на единицу, то для значений 6 и 7 разница составит 12 пикселов.
Оператор <FONT…>
С помощью оператора <FONT…> с параметром SIZE вы можете изменить текущий размер шрифта относительно базового значения, заданного оператором <BASEFONT…>.
В качестве значения для параметра SIZE вы можете указывать значения со знаками + или -. Например, в следующем примере первая строка имеет размер 3, а вторая - 6:
<P><BASEFONT SIZE=3>Размер шрифта равен 3
<P><FONT SIZE=+3>Размер шрифта равен 3+3=6
В листинге 4 мы привели пример документа HTML, в котором использованы описанные ранее операторы, предназначенные для изменения размера шрифта.
Листинг 4. Файл chap2\size.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>XYZ Incorporation</TITLE>
</HEAD>
<BODY>
<P>
<BIG>Добро пожаловать в мир серверов WWW!</BIG>
<P>
Образец нормального шрифта
<P>
<SMALL>
Образец шрифта уменьшенной высоты
</SMALL>
<P><BASEFONT SIZE=3>Размер шрифта равен 3
<P><FONT SIZE=+3>Размер шрифта равен 3+3=6
<P><FONT SIZE=-1>Размер шрифта равен 3-1=2
</BODY>
</HTML>
На рис.4 показан внешний вид этого документа в окне навигатора Microsoft Internet Explorer.
Рис.4. Изменение размера шрифта
1.7 Цвет в документах HTML
Цветные страницы выглядят намного привлекательнее серых или черно-белых. Язык HTML позволяет вам указывать цвет фона, текста, полей ссылок на другие документы HTML и так далее.
Для выделения заголовков и отдельных слов в тексте вы можете использовать цвет. При этом, однако, не следует увлекаться, так как стремление использования максимально возможного количества цветов приведет к тому, что ваши страницы будут выглядеть слишком пестрыми. Кроме того, на внешний вид страницы влияет цветовое разрешение, установленное в компьютере пользователя. Если пользователь работает с видеоадаптером VGA (а такое еще встречается, особенно среди пользователей старых и блокнотных компьютеров), он не сможет воспринять всю цветовую гамму многоцветных документов HTML, рассчитанных на режимы с высоким цветовым разрешением. Поэтому используйте цвет только там, где он действительно необходим для улучшения внешнего вида страницы.
Обозначение цвета
Цвет отдельных элементов документа HTML определяется соответствующими параметрами операторов, создающих эти элементы. В качестве значения операторам необходимо передавать либо численное значение отдельных компонент цвета, либо символическое название цвета.
Численное значение указывается в виде #RRGGBB, где RR определяет содержание красной компоненты цвета, GG - зеленой, а BB - голубой.
Содержание компонент может изменяться в диапазоне от 0 до FF (шестнадцатеричное значение). Например, значение #FF0000 соответствует чистому красному цвету, а значение #00FF00 - чистому зеленому цвету.
Если вы ограничите себя только шестнадцатью цветами, допустимыми в режиме VGA, то сможете указывать цвет символически. Ниже мы привели список символических названий цвета, которые можно указывать в языке HTML:
Символическое название Цвет Численное значение
Aqua морская волна #00FFFF
Black черный #000000
Blue голубой #0000FF
Fuchsia малиновый #FF00FF
Gray серый #808080
Green зеленый #008000
Lime ярко-зеленый #00FF00
Maroon темно-красный #800000
Navy темно-синий #000080
Olive оливковый #808000
Purple пурпурный #800080
Red красный #FF0000
Silver серебряный #C0C0C0
Teal темная морская волна #008080
White белый #FFFFFF
Yellow желтый #FFFF00
К сожалению, символическое определение цвета не работает, если пользователь будет просматривать документ HTML навигатором Netscape Navigator версии 2.0. Навигатор Netscape Navigator версии 3.0, а также навигатор Microsoft Internet Explorer способен работать с символическим определением цвета.
Изменение цвета фона документа HTML
По умолчанию навигаторы отображают фон документов HTML серым цветом. С помощью параметра BGCOLOR оператора <BODY> вы можете изменить цвет фона документа HTML, значительно улучшив его внешний вид:
<BODY BGCOLOR=#FFFF00>
Другая возможность оформления
заключается в использовании
растровых изображений в
Изменение цвета текста
Цвет текста легко изменить в операторе <FONT…>, задавая параметр COLOR. В приведенном ниже фрагменте документа текстовая строка отображается красным цветом:
<FONT COLOR=RED>Красный цвет
Здесь мы использовали символическое обозначение цвета.
Заметим, что в спецификации языка HTML версии 3.2 допускается определение цвета в операторе <BASEFONT…>, задающем параметры базового шрифта. Цвет определяется при помощи параметра COLOR, как и в операторе <FONT…>. К сожалению, определение цвета базового шрифта не работает в навигаторе Netscape Navigator версий 2.0 и 3.0. В этом можно убедиться на примере документа HTML, исходный текст которого приведен в листинге 2.5.
Листинг 5. Файл chap2\color.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>XYZ Incorporation</TITLE>
</HEAD>
<BODY BGCOLOR=YELLOW>
<P>
<P><BASEFONT COLOR=RED>Красный цвет
<P><FONT SIZE=+3 COLOR=SILVER>Серебряный цвет
</BODY>
</HTML>
Если просмотреть этот документ в среде навигатора Microsoft Internet Explorer, строка “Красный цвет” будет действительно отображаться красным цветом на желтом фоне. Навигатор Netscape Navigator покажет эту строку черным цветом.
Цвет в других элементах документа HTML
Многие операторы документа HTML позволяют задавать цвет определяемых ими элементов. Это ссылки на другие страницы HTML, таблицы, рамки, разделительные линии и так далее. Как правило, во всех операторах для указания цвета используется только что описанный нами параметр COLOR. По мере изучения языка HTML вы научитесь задавать цвет всех элементов документа HTML.
1.8 Изменение начертания шрифта
Очень часто для выделения
отдельных предложений, слов или
символов используется изменение начертания
шрифта. При этом можно указывать
наклонный, утолщенный, подчеркнутый или
перечеркнутый шрифт, шрифт с
малым или большим размером символов,
шрифт с мигающими символами,
шрифт для отображения
Физическое форматирование символов
В языке HTML определены операторы так называемого физического форматирования символов текста. Эти операторы определяют внешний вид символов явным образом.
Наряду с операторами
физического форматирования существуют
операторы логического
Ниже мы перечислили операторы физического форматирования:
Оператор Описание
<B>, </B>
Выделение жирным шрифтом
<I>, </I>
Выделение наклонным шрифтом
<U>, </U>
Выделение подчеркиванием
<STRIKE>, </STRIKE>
Выделение перечеркиванием
<TT>, </TT>
Оформление шрифтом с фиксированной шириной букв
<BIG>, </BIG>
Текст с крупным размером букв
<SMALL>, </SMALL>
Текст с малым размером букв
<BLINK>, </BLINK>
Мигающий текст
<SUB>, </SUB>
Подстрочный индекс
<SUP>, </SUP>
Надстрочный индекс
Оператор <B>
Оператор <B> используется в паре с оператором </B> и предназначен для выделения фрагмента текста жирным шрифтом. Вот пример его использования:
Выделение символов <B>жирным шрифтом</B>
Операторы <I>, <U>, <STRIKE>
Операторы <I>, <U>, <STRIKE> предназначены, соответственно, для выделения наклонным, подчеркнутым и перечеркнутым шрифтом. Эти операторы используются в паре с операторами </I>, </U> и </STRIKE> аналогично только что рассмотренному оператору <B>.
Выбирая операторы шрифтового оформления, учтите, что навигатор Netscape Navigator первых версий не работает с оператором <U>. В навигаторе Netscape Navigator версии 3.0 этот недостаток устранен.
Оператор <TT>
По умолчанию для отображения обычного текста используется шрифт с пропорциональной шириной символов. В таком шрифте, например, символ ‘i’ имеет меньшую ширину по сравнению с символом ‘Ш’.
Однако для отображения
листингов программ и другой аналогичной
информации удобно использовать шрифт
с фиксированной шириной
Операторы <BIG> и <SMALL>
Об операторах <BIG> и <SMALL> мы уже рассказывали в разделе “Изменение размера шрифта”. Первый из этих операторов увеличивает, а второй - уменьшает высоту символов отображаемого текста. Эти операторы необходимо использовать, соответственно, в паре с операторами </BIG> и </SMALL>.
Оператор <BLINK>
Оператор <BLINK>, который используется в паре с оператором </BLINK>, позволяет выделить текст миганием. Эта иллюминация, однако, будет видна только в навигаторе Netscape Navigator. Что же касается навигатора Microsoft Internet Explorer, то он игнорирует оператор <BLINK>. Впрочем, для создания динамических страниц имеются и другие, более мощные средства, которые мы рассмотрим позже в отдельной главе.
Используя выделение текста
миганием, будьте умереннее. Лучше всего
сделать так, чтобы в документе
мигало только одно слово или предложение,
которое действительно
Операторы <SUP> и <SUB>
С помощью операторов <SUP> и <SUB>, которые используются в паре с операторами </SUP> и </SUB>, вы можете создать, соответственно, надстрочный и подстрочный индекс.
Пример использования операторов физического форматирования
В листинге 6. мы привели исходный текст документа HTML, в котором используются описанные выше операторы физического форматирования.
Листинг 6. Файл chap2\physical.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Команды
физического форматирования</
</HEAD>
<BODY BGCOLOR=#FFFFFF>
Выделение символов <B>жирным шрифтом</B>
<P>Выделение символов <I>наклоном</I>
<P>Выделение символов <U>подчеркиванием</U>
<P>Выделение
символов <STRIKE>перечеркиванием</
<P>Шрифт с
<TT>фиксированной шириной
<P><BIG>Крупные</BIG>
символы и <SMALL>мелкие</
<P><BLINK>Мигающие</BLINK> символы
<P>H<SUB>2</SUB>0 - это вода<SUP>*</SUP>
</BODY>
</HTML>
Внешний вид этой страницы при ее просмотре в навигаторе Microsoft Internet Explorer версии 3.0 представлен на рис.5.