Изменим шрифт вашей странички.

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

Таблица 10.1. Теги HTML, определяющие параметры шрифта

Тег	Описание
<В>Символы</В>	Полужирное начертание
<I>Символы</I>	Курсивное начертание
<и>Символы</и>	Подчеркнутый текст
<STRIKE>Символы</STRIКЕ> или <S>Символы</S>	Зачеркнутый текст
<ТТ>Символы</ТТ>	Моноширинный шрифт
<SUP>Символы</SUР>	Надстрочный индекс
<SUВ>Символы</SUВ>	Подстрочный индекс
<FONT>Символы</FONT>	Параметры шрифта

Первые семь тегов определяют начертание символов, а также подчеркивание, зачеркивание и положение символов в строке (надстрочные и подстрочные индексы). Все эти теги являются парными и нс предусматривают указания дополнительных параметров. Следует особо отметить, что подчеркивание в HTML-документах, как правило, применяется для обозначения гиперссылок, поэтому во избежание путаницы следует по возможности избегать использования тега <U>...</U>.

Тег <FONT>...</FONT> определяет дополнительные параметры шрифта и заслуживает более подробного рассмотрения. Этот тег имеет следующий формат:

<FONT SIZE=[+|-]1|2|3|4|5|6|7 COLOR="Код цвета шрифта" FACE="Название шрифта">Текст</FОNТ>

Параметр SIZE тега <FONT> определяет размер шрифта в условных единицах от 1 (самый мелкий) до 7 (самый крупный). Кроме того, размер шрифта может быть указан относительно базового размера, для чего перед значением параметра SIZE следует ввести символ <+> или <->. Например, если стандартный размер шрифта равен 3, то при значении параметра SIZE=-2 результат будет таким же, что и при значении SIZE=1. Подобный подход удобен для уменьшения или увеличения размера шрифта, которым оформлен определенный текстовый фрагмент, относительно размера шрифта основного текста Web-страницы. При этом базовый размер шрифта может быть установлен с использованием тега <BASEFONT>...</BASEFONT>, имеющего следующий формат:

<BASEFONT SIZE=1|2|3|4|5|6|7>Текст</BASEFONT>

Значения параметра SIZE задаются аналогично абсолютным значениям этого параметра для тега <FONT>. По умолчанию базовый размер шрифта принимается равным 3.

Параметр COLOR тега <FONT> позволяет указать цвет шрифта. Более подробно использование кодов цвета описано в разделе <Раздел основного текста страницы>.

Значение параметра FACE определяет гарнитуру, или, проще говоря, внешний вид шрифта в броузере. Например, для отображения текста с использованием шрифта Times New Roman, входящего в комплект стандартных шрифтов Windows, следует указать значение параметра FACE="Times New Roman". Чтобы оформить текст с использованием рубленого шрифта (такой шрифт не имеет засечек на концах букв), например, шрифта Arial, следует указать параметр FACE="Arial".

Значением параметра FACE также может являться список названий шрифтов, разделенных занятыми. В таком случае шрифтом текста будет первый имеющийся в системе, в которой выполняется просмотр Web-страницы, из перечисленных в списке. Использование списка шрифтов является более предпочтительным, поскольку Web-страницы предназначены для просмотра множеством людей, имеющих различные модели компьютеров и различные операционные системы. Указанного в значении параметра FACE шрифта может просто не оказаться в системе, на которой будет выполняться просмотр страницы. В таком случае броузер подставит шрифт по умолчанию или же использует какой-либо другой шрифт, который сочтет наиболее близким к указанному. В результате такой подстановки текст страницы может оказаться нечитабельным. Во избежание подобной ситуации следует использовать список близких по виду шрифтов, являющихся стандартными для различных операционных систем. Например, в то время как шрифт Arial широко распространен на компьютерах, работающих под управлением ОС Windows, на Macintosh стандартным рубленым шрифтом является Helvetica.

ПРИМЕР ПРОСТОЙ СТРАНИЧКИ

<HTML>

<HEAD>

<TITLE> Welcome to my home page </TITLE>

</HEAD>

<BODY>

<FONT SIZE=4 COLOR="green" FACE="Monotype Corsiva">Текст</FОNТ> Содержимое странички

</BODY>

</HTML>

Текст Содержимое странички

Шаг3

Добавим цвета! Для задания цвета фона документа, цвета текста, ссылок, просмотренных ссылок и ссылок в момент нажатия на них правой кнопкой, используется атрибут тега <BODY> (того самого, с которого начинается описание самой странички). BGCOLOR, TEXT, LINK, VLINK, ALINK соответственно.
Для задания цвета используются коды цвета (в кодировке RGB - шесть шестнадцатеричных чисел) или именованные цвета (см. ниже).
Например <BODY BGCOLOR="# FFFF88 " TEXT="# 0000FF " LINK="# FF0000 " VLINK="# CF2CD4 " ALINK="# C033FF ">
Для задания цвета текста непосредственно в документе используется атрибут COLOR в теге <FONT>. Также используется код цвета или именованный цвет.

пример тегов	отображаемый текст
<font color="#FF0000">Поместив</font><font color="#CF2CD4">текст </font><font color="#0000FF">между</font><font color="silver">тегами </font><font color="green" size="4">...</font>	Поместив текст между тегами...

Таблица именованных цветов

black
maroon
green
olive
navy
purple
teal
gray
silver
red
lime
yellow
blue
fuchsia
aqua
white

Вы можете использовать для выбора цвета эту таблицу:

Дата добавления: 2015-09-06