Стили оформления

Для удобства пользователей при работе с HTML – документами разработана таблица стилей (Cascading Style Sheets – CSS). Она представляет собой набор правил, которыми определяется применение стилей форматирования к дескрипторам HTML – документа. Так как стиль форматирования применяется ко всему HTML – документу, то они объявляются внутри дескриптора < HEAD>. При этом все изменения стиля должны быть описаны внутри дескриптора < STYLE>.

Например,

< HEAD>

< STYLE TYPE=”TEXT/CSS”>

BODY{BACKGROUND: YELLOW; COLOR: GREEN; TEXT – ALIGN: CENTER}

< /STYLE>

< /HEAD>

Комментарий к коду HTML – документа.

При обработке этого документа в браузере текстовый фон его будет желтого цвета, цвет шрифта – зеленым, а сам текст будет выровнен по центру окна. Внутри контейнерного тега < STYLE> описание тега BODY использует атрибуты BACKGROUND (фон), COLOR (цвет шрифта), TEXT – ALIGN (выравнивание текста). Все атрибуты заключены в фигурные скобки, значения связаны с атрибутами не равенством, а двоеточием без кавычек, атрибуты отделяются друг от друга точкой с запятой. Свойства стиля для текстового материала могут также задаваться с помощью атрибутов FONT – FAMILY (тип шрифта текста), FONT – SIZE (размер шрифта) и др.

СПИСКИ

С помощью HTML можно создавать списки: маркированные (неупорядоченные) и нумерованные (упорядоченные).

Маркированные списки создаются с помощью дескриптора < UL> вместе с дескриптором строки списка < LI>.

< UL>

< LI> …< /LI>

< LI> …< LI>

< /UL>

По умолчанию маркером каждой строки списка будет кружок темного цвета. При использовании таблиц свойств стиля (CSS) можно выбрать другой тип маркера: например, квадрат или пустой кружок.

< HTML>

< HEAD>

< TITLE> Маркированный список< /TITLE>

< STYLE TYPE=”TEXT/CSS”>

UL.SQUARE{LIST – STYLE – TYPE: SQUARE}

< /STYLE>

< /HEAD>

< BODY>

< UL CLASS=”SQUARE”>

< LI> Иванов < /LI>

< LI> Петров < /LI>

< LI> Сидоров < /LI>

< /UL>

< /BODY>

< /HTML>

Комментарий к коду HTML – документа.

Атрибут CLASS позволяет назначить конкретному списку определенные свойства стиля. В данном случае SQUARE означает «квадрат» и задается этот маркер как значение свойства LIST – STYLE – TYPE.

При создании нумерованных списков используется дескриптор < OL> совместно с дескриптором < LI>. Каждая строка списка по умолчанию нумеруется арабскими цифрами. Для изменения способа упорядочивания могут быть использованы стили LOWER – ALFA (маркировка строк строчными латинскими символами), UPPER – ALFA (прописными латинскими символами), UPPER – ROMAN (римскими цифрами).

< HTML>

< HEAD>

< TITLE> Нумерованный список< /TITLE>

< STYLE TYPE=”TEXT/CSS”>

OL.ROMAN{LIST – STYLE – TYPE: UPPER – ROMAN}

< /STYLE>

< /HEAD>

< BODY>

< OL CLASS=”ROMAN”>

< LI> Иванов < /LI>

< LI> Петров < /LI>

< LI> Сидоров< /LI>

< /OL>

< /BODY>

< /HTML>

Комментарий к коду HTML – документа.

В результате в окне браузера появляется список, нумерованный римскими цифрами.