Стили оформления HTML-документа

Если для создания HTML- документа пользоваться только теми тэгами, о которых говорилось ранее, то его страницы были бы неинтересными и скучными. В тексте нелегко было бы выделить какие-либо отдельные формулировки или слова, поскольку он являлся бы однообразным.

Однако для "украшения" html-страницы существуют тэги, которые делают ее простой и красивой для восприятия. С этой целью применяются разные шрифты и цвета в оформлении текста.

Документ basefont - базовый шрифт

Настройки по умолчанию WEB-браузера посетителя сайта, задают параметры шрифта и размер главного текста html-документа. Вы может также это сделать (задать определенные параметры шрифта) для своей страницы, используя тэг <basefont>, размещенный в секции <head>.

size
Этот атрибут по умолчанию задает параметры шрифта. Размер определяется от 1 до 7: от самого маленького до самого большого. Размер шрифта, равный трем единицам вводится в настройках браузера по умолчанию.

Пример:
-------------------------
<basefont size="4" />
-------------------------

Дополнительные стили шрифтов

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

Тэг Описание

B (Strong)
 Тэг (strong) определяет тот факт, что текст, который в нем содержится, нужно изображать жирным шрифтом - bold или strong.

 Пример использования Результат

Данный текст жирный Данный текст жирный

I (em)
 Тэг (em) определяет тот факт, что текст, который в нем содержится, нужно изображать курсивом - italic.

 Пример использования Результат

Данный текст наклонный Данный текст наклонный

tt
 Тэг <tt> определяет тот факт, что текст, который в нем содержится, нужно изображать шрифтом с фиксированным размером знакоместа - monospaced

 Пример использования Результат

<tt>Данный текст с непроп. шрифтом</tt> Данный текст с непроп. шрифтом

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

 Пример использования Результат

Данный шрифт <big>чуть больше</big>основного Данный шрифт чуть больше основного

small
 Тэг определяет тот факт, что текст должен быть меньше, чем основной.

 Пример использования Результат

Данный шрифт чуть меньшеосновного Данный шрифт чуть меньше, основного

sub
 Тэг определяет тот факт, что текст, который в нем содержится, следует вывести в виде нижнего индекса.

 Пример использования Результат

H2СO3+СO2= H₂СO₃ + СO₂ = H₂С₃O₅
H2С3O5

sup
 Тэг определяет тот факт, что текст, который в нем содержится, следует вывести как верхний индекс.

 Пример использования Результат

3x+1 + 20x-1 + 2x= 27 3^x+1+ 20^x-1+ 2^x= 27

Разные категории стилей можно соединять вложением тэгов, используя, к примеру, жирный курсив. Это соединение дает возможность в одной строке изображать некоторое количество элементов разными стилями.

Любовь - это счастье!</i

Величина шрифта в тэге font

В любом тексте разрешается изменение размера шрифта, используя при этом атрибут size тэга .

Синтаксис тэга:



Заданный по умолчанию в веб-браузере или тэге basefont размер шрифта может быть относительным или абсолютным. Если это абсолютный размер шрифта, то его размер указывается цифрами - от 1 до 7; если относительный, - то применяются символы {+ | -}. Они определяют смещение параметров шрифта: положительно или отрицательно.

Цвет шрифта в тэге font

Без соответствующего цветового оформления страницы не будут смотреться. С помощью использования цветовой палитры Вы имеете возможность разукрасить страницы по своему желанию. В этом поможет атрибут color тэга .

Его синтаксис:



RGB-формат (Red-Green-Blue) используется для указания цвета, причем каждый его элемент устанавливается в шестнадцатеричном формате. Можно привести такой пример: черный - "FFFFFF", белый цвет "000000", синий - "0000FF" и так далее.

Цвет шрифта в тэге basefont

«Разукрасить» можно определенные части текста, а также - полностью документ с помощью атрибута color тэга <basefont>:

<basefont color="# XXXXXX" />

Тэг body - цвет ссылок в нем

Атрибуты тэга <body> также применяются для «раскрашивания» текста:

<body text="# XXXXXX"" link="# XXXXXX" alink="# XXXXXX" vlink="# XXXXXX">

text -текста в документе;

link - ссылки;

alink - активной ссылки, тот случай, когда к ней посетитель подводит указатель мыши;

vlink - посещенной ранее ссылки.

Пример:
-------------------------------------------------------------------------------------------------
s
p
r
i
n
t
s
e
t

Желтый
Салатовый
Голубой

Любовь - это счастье!
-------------------------------------------------------------------------------------------------