Краткое справочное руководство по HTML4.01 и CSS2.

Тег - неотображаемый элемент разметки. Каждое объявление элемента разметки состоит из трёх частей: открывающего и закрывающего тегов и содержимого. Открывающий тег обязателен для всех элементов разметки. Исключение составляют лишь элементы HEAD и BODY, тем не менее задание открывающего тега для этих элементов настоятельно рекомендуется. Большинство элементов имеют содержимое, хотя есть такие для которых содержимое отсутствует: это все элементы, для которых определён только открывающий тег со списком параметров, нет содержимого, а закрывающий тег - запрещён; также такие элементы как <BR>, <HR>. Элементы разметки для которых определены открывающий и закрывающий тег называются - контейнер тегов. Для контейнера возможны случаи когда закрывающий тег можно опустить. В этом случае закрывающий тег всё равно существует, но задан не явно. Обычно в его качестве выступает открывающий тег следующего элемента. Например для элементов <LI>, <TD>, <TH>. Рекомендуется всегда явно задавать закрывающий тег, даже если есть возможность его опустить. Например для NC4.72 неявное задание закрывающего тега у элемента <TD> во вложенных таблицах приводит к слиянию всех ячеек строки в одну.

Имена элементов и их атрибутов не чувствительны к регистру. Имена же методов, используемых в Java Script, чувствительны.

Далее приведён список различий в задании тегов для разных обозревателей. Однако следует помнить, что браузеры постоянно обновляются и более познии версии одного и того же обозревателя начинают "понимать" теги в ранних версиях недоступных. По статистике IE и браузеры на основе IE используют более 60% пользоватей сети INTERNET и, только, 30% NC и другие бразеры.

Список тэгов, пригодных только для обозревателя Microsoft Internet Explorer:
<BGSOUND>...
<BODY>... BGPROPERTIES=значение
<BODY>... LEFTMARGIN=n
<BODY>... TOPMARGIN=n
<CAPTION>... VALIGN=позиция
<COL>...
<COLGROUP>...
<COMMENT>...
<FORM>... TARGET=имя
<FRAMESET>... FRAMESPACING=n
<IFRAME>...
<ISINDEX>... ACTION=url
<LINK>... SRC=url REL=связь TYPE=TEXT/CSS
<MARQUEE>...
<OBJECT>...
<SPAN>...
<STYLE>...
<TABLE>... BORDERCOLOR=цвет
<TR>...
<TABLE>... FRAME=значение
<TABLE>... RULES=значение
<TBODY>...
<TFOOT>...
<THEAD>...

Список тэгов, пригодных только для обозревателя Netscape Navigator:
<FRAME>... BORDERCOLOR=цвет
<FRAMESET>... BORDER=n
<IMG>... LOWSRC=url
<MULTICOL>...
<NOSCRIPT>...
<SCRIPT>... SRC=url
<SPACER>...
<TEXTAREA>... WRAP=стиль
<UL>... ... TYPE=метка

содержание

<HTML>

контейнер самого документа.

<HEAD>

контейнер заголовка.

<TITLE>

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

<BASE>

явно задаёт полный URL-адрес документа. Все относительные ссылки будут браться относительно этого адреса.
Список атрибутов:

href - полный URL-адрес документа;
target - имя фрейма, в котором будет открываться документ.

<LINK>

элемент, реализующий заглавные ссылки в HTML-документах.
Список атрибутов:

href - URL-адрес документа, взаимоотношение с которым описывается;
rel - определяет отношение между текущим и внешним документами. Клавиша "вперёд" браузера.
Перечень некоторых типов:

home - начальная страница;
previus - предыдущая страница;
next - следующая страница
bookmark - закладка;
copyright - авторское право;
alternate - альтернативная версия документа;
help - справочное пособие;

rev - определяет отношение между текущим и внешним документами. Клавиша "назад" браузера;

made - адрес электронной почты автора текущего документа;
author - страница автора данного документа;
editor - страница редактора данного документа;
owner - страница владельца данного документа;

hreflang - указывает базовый язык целевого ресурса;
charset - указывает кодировку символов целевого документа.

<ISINDEX>

элемент, задающий поисковый шаблон. Является нежелательным и в спецификации HTML4.01 не определён, хотя поддерживается всеми браузерами.
Список атрибутов:

action - задаёт локальный адрес ресурса, обрабатывающего данные из поискового шаблона;
prompt - задаёт текст приглашения.

<STYLE>

контейнер, предназначенный для размещения в нём элементов описания стиля.
Список атрибутов:

type - указывает язык таблицы стилей. Обычно: text/css или text/javascript;
media - указывает целевое устройство для информации о стиле;
lang, dir - информация о языке и направленности текста.

содержание

<BODY>

контейнер информационного содержимого документа, при условии, что этот документ не имеет фреймовой структуры. Иначе вместо контейнера BODY использутся FRAMESET. Контейнер BODY определяет тело документа, в котором задаются тэги разметки документа. Все атрибуты являются необязательными:

alink - определяет цвет активной (выбранной) ссылки;
link - определяет цвет непросмотренной ссылки;
vlink - определяет цвет уже просмотренной ссылки;
bgcolo - определяет цвет фона;
background - URL-адрес фонового изображения;
bgproperties:
- fixed - фоновое изображение не прокручивается;
- nonfixed - фоновое изображение прокручивается вместе с документом. Установлено по умолчанию;
text - определяет цвет текста документа;
leftmargin, rightmargin, topmargin=pixels - устанавливают размер левого, правогои верхнего полей документа соответственно;
scroll:
- no - полоса прокрутки документа не отображается;
- yes - полоса прокрутки документа не отображается. Установлено поумолчанию.

<DIV>

контейнер, универсального блокобразующего элемента. Служит для привнесения в документ структуры. Не имеет своих уникальных атрибутов и визуального представления.
Список универсальных атрибутов:

id - присваивает элементу уникальное имя;
class - добавляет элемент в класс разработчика;
lang, dir - информация о языке и направленности текста (dir=LTR слева на право, задаётся по умолчанию; dir=RTL с права на лево);
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<SPAN>

контейнер, универсального cтрокового элемента. Служит для привнесения в документ структуры. Не имеет своих уникальных атрибутов и визуального представления.
Список универсальных атрибутов:

id - присваивает элементу уникальное имя;
class - добавляет элемент в класс разработчика;
lang, dir - информация о языке и направленности текста (dir=LTR слева на право, задаётся по умолчанию; dir=RTL с права на лево);
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<MAP>

контейнер, задающий клиентскую навигационную карту. В содержимом элемента МАР задаются элементы AREA, определяющие активные области навигационной карты.

name - задаёт имя навигационной карты.

<A>

контейнер, реализующий контекстные ссылки.
список атрибутов:

name - присваивает элементу А имя, в результате чего он сам может служить целью для другой ссылки;
href - URL-адрес целевого ресурса. Обязательный атрибут;
hreflang - базовый язык целевого ресурса;
rel - описывает отношение текущего документа к целевому ресурсу при переходе к нему по данной ссылке;
rev - описывает отношение целевого ресурса к текущему документу при переходе к нему по обратной ссылке;
type=content-type - указывает тип содержимого целевого ресурса;
shape - форма активной области, при использовании клиентских навигационных карт;
coords - граничные координаты активной области, при использовании клиентских навигационных карт;
charset - указывает кодировку символов целевого документа;
accesskey - "горячие клавиши для активизации данной ссылки.
id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<AREA>

контейнер, с помощью которого осуществляется описание активных областей клиентских навигационных карт.
Список атрибутов:

shape - задаёт форму активной области. Принимает значения:

rect - прямоугольник;
circle - круг;
poly - многоугольник;
default - в качестве активной области принимается всё изображение;

coords - задаёт координаты активной области;
nohref - если указан, то с активной областью не связана ни одна ссылка;
href - URL-адрес целевого ресурса ссылки, прикреплённой к данной активной области;
target - имя фрейма, в который загружается целевой ресурс данной ссылки.

<H1>...<H6>

контейнер заголовка. Размер шрифта определяется номером заголовка: Н1 -самый большой, Н6 - самый маленький.
Список атрибутов:

align - выравнивание. Принимает следующие значения:

left - по левому краю
right - по правому краю;
center - по центру.

id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<HR>

элемент, рисующий горизонтальную линию.
Список атрибутов:

size - толщина линии в пикселах;
width - длина линии в пикселах или процентах;
noshade - отменяет рельефность линии. Не задан по умолчанию;
color - цвет линии в виде ключевого слова или RGB-кода;
align - выравнивание. Принимает следующие значения:

left - по левому краю
right - по правому краю;
center - по центру.

<BR>

элемент перехода на следующую строку.
Список атрибутов:

clear - указывает местоположение перенесённой строки, утитывая прикреплённые объекты. Принимает значения:

none - отобразить на ближайшем свободном снизу пространстве. Установлено по умолчанию;
left - отобразить на ближайшем свободном пространстве под прикреплённым у левого поля объектом;
right - отобразить на ближайшем свободном пространстве под прикреплённым у правого поля объектом;
all - отобразить на ближайшем свободном пространстве под прикреплённым у любого поля объектом;

<NOBR>

контейнер запрещающий переход на следующую строку в рамках какого-либо фрагмента теста.

<P>

контейнер, выделяющий своё содержимое как абзац - сверху и снизу пустыми строками.
Список атрибутов:

id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<Q>, <BLOCKQUOTE>

BLOCKQUOTE является контейнером уровня блока, выделяет блок из контекста отступом слева и пустыми строками сверху и снизу.
Контейнер Q выводит заключённый в себе текст в кавычках.
Поддерживается IE5.5 ивыше.
Список атрибутов:

cite - указывает URL-адрес источника из которого взята цитата;
id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<CENTER>

контейнер, центрирующий по горизонтали всё, что задано в его содержимом.

id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

содержание

<FONT>

контейнер, задающий параметры шрифта. В спецификации HTML4.01 указан как нежелательный, ввиду нарушения принципа разделения содержательной и описательной частей документа.
Список атрибутов:

face - тип шрифта. Названия шрифтов перечисляются через запятую;
size - размер шрифта в условных еденицах (от 1 до 7 по умолчанию 3). Допускается относительное задание (size=+2);
color - цвет шрифта в виде ключевого слова или RGB-кода;
id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.

<BASEFONT>

элемент задания параметров шрифта по умолчанию. Может использоваться несколько раз, как в теле документа, так и в заголовке.
Установка базового размера шрифта не применяется к заголовкам.
NC не поддерживает использование атрибута face для элемента BASEFONT.
Список атрибутов:

face - тип шрифта. Названия шрифтов перечисляются через запятую;
size - размер шрифта в условных еденицах (от 1 до 7 по умолчанию 3). Допускается относительное задание (size=+2);
color - цвет шрифта в виде ключевого слова или RGB-кода;
id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.

В спецификации HTML4.01 элементы непосредственного физического форматирования указаны как нежелательные, однако они поддерживаются всеми браузерами.
Для всех элементов общими и необязательными являются следующие атрибуты:

id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.

Все элементы являются контейнером - закрывающий тег </> обязателен.

Структурное форматирование

<ABBR>

отмечает текст как аббревиатуру. Не поддерживается ни одним браузером.

<ACRONIM>

отмечает текст как акроним. Никакого визуального эффекта не иммет.

<CITE>

отмечает текст как цитату. Отображается курсивом.

<DFN>

отмечает текст как определение. Отображается курсивом. Поддерживается только IE.

<DEL>

отмечает текст как удалённый. Отображается перечёркнутым. Поддерживается только IE.
Атрибуты:

Cite - URL-адрес документа с информацией, объясняющей причину удаления.

<EM>

отмечает текст как выделенный. Отображается курсивом.

<INS>

отмечает текст как вставленный. Отображается подчёркнутым. Поддерживается только IE.
Атрибуты:

Cite - URL-адрес документа с информацией, объясняющей причину изменения.
Datetime - указывает дату изменения.

<KBD>

отмечает текст как введённый пользователем с клавиатуры. Отображается моноширинным шрифтом.

<PRE>

отмечает текст как отформатированный. Отображается в том виде, в каком задан в HTML-документе.

<SAMP>

отмечает текст как пример. Отображается моноширинным шрифтом.

<STRONG>

отмечает текст как сильно выделенный. Отображается жирным шрифтом.

<VAR>

отмечает текст как переменную. Отображается курсивом.

Физическое форматирование

<BIG>

Отображается шрифтом большим, чем шрифт окружающего текста.

<B>

Отображается жирным шрифтом.

<I>

Отображается курсивом.

<SMALL>

Отображается шрифтом меньшим, чем шрифт окружающего текста.

<S>

Отображается зачёркнутым.

<STRIKE>

Отображается зачёркнутым.

<SUB>

Выводит текст в нижнем индексе.

<SUP>

Выводит текст в верхнем индексе.

<TT>

Отображается моноширинным шрифтом.

содержание

Для всех элементов общими и необязательными являются следующие атрибуты:

id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

Для элементов таблицы <TR>, <TD>, <TH>, <THEAD>, <TFOOT>, <TBODY>, <COLGROUP>, <COL> определены также дополнительные атрибуты выравнивания внутри ячейки:

Align - горизонтальное выравнивание.Принимает значения:

Left - выравнивание по левому краю таблицы;
Right - выравнивание по правому краю таблицы;
Center - выравнивание по центру;
Justify - выравнивание по ширине. Браузерами не поддерживается;
Char - выравнивание вокруг указанного символа. Браузерами не поддерживается;

Valign - вертикальное выравнивание. Принимает значения:

Top - содержимое ячейки выравнивается по верхнему краю;
Bottom - содержимое ячейки выравнивается по нижнему краю;
Middle - содержимое ячейки выравнивается по вертикали (по умолчанию);
Baseline - содержимое ячеек сторки располагается на одной линии;

Charoff - задаёт величину отступа в пикселах содержимого ячейки от края, по которому производится выравнивание;
Char - указывает символ в текстовом фрагменте, служащий центром выравнивания.

<TABLE>

контейнер, задающий таблицу.
Список атрибутов.

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

Left - таблица прикрепляется к левому краю документа;
Right - таблица прикрепляется к правому краю документа;
Center - таблица раполагается вцентре документа. Браузерами не поддерживается, так как в HTML двустороннее обтекание таблицы не предусмотрено;

Width - устанавливает рекомендуемую ширину таблицы. Задаётся в процентах или пикселах;
Height - устанавливает рекомендуемую высоту таблицы. Задаётся в процентах или пикселах;
border - управляет видимостью и толщиной рамки вокруг таблицы ии видимостью рамки вокруг каждой ячейки. При border=0 смежные ячейки не разделены;
Cellspacing - расстояние в пиксалах между смежными ячейками;
Cellpadding - размер отступа в пикселах между содержимым ячейки иеё рамкой;
Bordercolor - цвет рамки таблицы;
Bgcolor - фон всего пространства таблицы.
Frame - прорисовка рамки вокруг таблицы. Принимает значения:

Box или Border - рамка прорисовывается вокруг всей таблицы;
Void - рамка вокруг таблицы не прорисовывается;
Above - рамка прорисовывается только по верхней границе таблицы;
Below - рамка прорисовывается только по нижней границе таблицы;
LHs - рамка прорисовывается только по левой границе таблицы;
RHs - рамка прорисовывается только по правой границе таблицы;
VSides - рамка прорисовывается и по левой и по правой границам таблицы;

Rules - внешний вид сетки внутри таблицы. Принимает значения:

All - прорисовываются все внутренние линии таблицы;
None -сетка внутри таблицы не отражается;
Rows - прорисовываются линии сетки, разделяющие строки таблицы;
Cols - прорисовываются линии сетки, разделяющие столбцы таблицы;
Groups - прорисовываются линии сетки, разделяющие группы;

<Caption>

контейнер, задающий название таблицы.
Атрибуты:

Align - необязательный и нежелательный атрибут, указывающий месторасположение названию таблицы. Принимает значениея:

Top - сверху таблицы, выровненное по центру таблицы;
Bottom - снизу таблицы, выровненное по центру таблицы;
Left - сверху таблицы, выровненное по левому краю таблицы;
Right - сверху таблицы, выровненное по правому краю таблицы;

<TR>

контейнер, задающий строку таблицы.
Список атрибутов.

Bgcolor -

<TH>, <TD>

контейнеры, задающие элементы ячеек данных и заголовка в таблице, соответственно. Текст в ячейках данных отображается обычным шрифтом и выровненным по левому краю, а в ячейках заголовка - жирным шрифтом и выровненным по центру. Закрывающий тег в простых таблицах можно опустить - в его качестве будет выступать открывающий тег следующего элемента таблицы или закрывающий тег таблицы. В случае вложенных таблиц закрывающий тег - обязателен.
Список атрибутов:

Rowspan - объеденяет соседние ячейки в столбце;
Colspan - объеденяет соседние ячейки в строке;
Nowrap - запрещает разбивать содержимое ячеек на несколько строк;
Width - указывает рекомендуемую ширину ячейки в пикселах;
Height - указывает рекомендуемую высоту ячейки в пикселах;
Bgcolor - задаёт фон ячейки.
Headers - список имён (id) ячеек, выступающих в роли заголовка (описания) для содержащей его ячейки. Применяется при невизуальном представлении таблицы;
Scope - задаёт область таблицы. для которой информация из данной ячейки является заголовочной (описанием).Принимает значения:

Row - информация из данной ячейки является заголовком для всех последующих ячеек строки;
Col - информация из данной ячейки является заголовком для всех последующих ячеек столбца;
Rowgroup - информация из данной ячейки является заголовком для всех последующих строк таблицы;
Colgroup - информация из данной ячейки является заголовком для всех последующих столбцов таблицы;

Abbr - текст, заключённый в кавычки, предоставляющий браузеру сокращённую форму содержимого ячейки.

Структурное форматирование таблиц.

Для каждой таблицы можно указать строки заголовка и тела таблицы. При этом:

при прокрутке большой таблицы заголовок (или заголовки) будут оставаться на экране, а тело прокручиваться;
при печати из браузера больших таблиц строки заголовков будут пропечатываться на всех листах распечатки;
в одной таблице может присутствовать несколько элементов <TBODY>, которые объеденяют строки в несколько групп.
элементы <THEAD> и <TFOOT> в рамках одной таблицы должны встречаться единожды.
задание элемента <TFOOT> должно приводиться раньше по тексту, чем <TBODY>.

Элементы <TBODY>, <THEAD> и <TFOOT> поддерживаются только браузером IE.

<TBODY>

задаёт строки тела таблицы.

<THEAD>

задаёт строки верхнего заголовка.

<TFOOT>

задаёт строки нижнего заголовка.

<COLGROUP>

объеденяет рядом расположенные столбцы в группы, к которым могут быть применены какие-либо характеристики.

Span- задаёт количество столбцов в группе;
Width - задёт ширину каждого столбца в выделенной группе, используемую по умолчанию.

<COL>

позволяет задавать одни и теже характеристики для разных столбцов, не производя их структурной группировки.

Span- задаёт количество столбцов в группе;
Width - задёт ширину каждого столбца в выделенной группе, используемую по умолчанию.

содержание

Для всех элементов общими и необязательными являются следующие атрибуты:

id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<UL>

контейнер неупорядоченного списка.
Список атрибутов:

Type - задаёт вид используемых маркеров:
- Circle - незакрашенный кружок;
- Disk - закрашенный кружок;
- Sqare - закрашенный квадрат;
Compact - отображать список более компактно;

<OL>

контейнер упорядоченного списка.
Список атрибутов:

Type - указывает вид нумерации эелементов спика. Принимает значения:

Type=1 - нумерация арабскими цифрами;
Type=A - нумерация строчными латинскими буквами;
Type=a - нумерация прописными латинскими буквами;
Type=I - нумерация большими римскими цифрами;
Type=i - нумерация маленькими римскими цифрами;

Start - начальный номер первого элемента списка.

<LI>

тоже является контейнер, хотя закрывающий тег можно не указывать. В этом случае функции закрывающего тега выполняет следующий открывающий тег элемента <LI> списка или закрывающий тег списка </OL>,</UL>.

<DL>

контейнер списка определений.

<DT>

определение термина, указанного элементом <DT> списка определений.

<DD>

пределяемый термин списка определений.

<MENU>

контейнер списка-меню. В спецификации HTML4.01 указан как отменённый. Вместо него следует использовать обычный упорядоченный или неупорядоченный список.

<DIR>

контейнер списка-каталога. В спецификации HTML4.01 указан как отменённый.

содержание

В HTML4.01 зарезервированы четыре имени фреймов, начинающиеся с символа подчёркивания:

_blank - ссылка с таким значением атрибута target будет открыта в новом окне браузера, не имеющем имени;
_self - ссылка с таким значением атрибута target будет открыта в том же фрейме, в котором задана (установлено по умолчанию);
_parent - ссылка с таким значением атрибута target будет открыта в целом текущем окне браузера, сместо родительской фреймовой структуры;
_top - ссылка с таким значением атрибута target будет открыта в целом текущем окне браузера, сместо родительской фреймовой структуры;

<FRAMESET>

контейнер, задаёт макет основного окна. Элементы, обычно располагающиеся в разделе BODY, не должны присутствовать до первого элемента FRAMESET, иначе этот элемент будет проигнорирован.
Список атрибутов:

rows - определяет расположение горизонтальных фреймов и их количество. Задаётся либо в виде разделённых запятыми пиксельных значений, либо в процентах. либо в относительных длинах. По умолчанию составляет 100% (одну строку).
cols - определяет расположение вертикальных фреймов и их количество. Задаётся либо в виде разделённых запятыми пиксельных значений, либо в процентах. либо в относительных длинах. По умолчанию составляет 100% (один столбец).
frameborder - задаёт вид границ вокруг всех фреймов. Принимает значения:

1 - объёмные границы между всеми фреймами (установлен по умолчанию);
0 - плоские границы в виде простой линии определённого цвета и ширины;

border - толщина в пикселах всех рамок;
bordercolor - задаёт цвет всех границ между фреймами;
framespasing - задаётся размер свободного пространства в пикселах между фреймами;
id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<FRAME>

контейнер, определяет содержимое и вид одного фрейма.

name - имя фрейма;
longdesc - URL-адрес более подрбного описания фрейма (дополняет атрибут title);
scr - URL-адрес начального содержимого фрейма;
noresize - размеры фрейма изменять нельзя;
scrolling - задаёт полосы прокрутки фрейма. Принимает значения:

yes - полосы прокрутки отображаются в любом случае;
no - полосы прокрутки не отображаются в любом случае;
auto - полосы прокрутки отображаются по необходимости (установлено по умолчанию);

marginwidth - задаёт левый и правый отступ в пикселах содержимого фрейма от его боковых границ. Значение должно превышать один пиксел;
marginheight - задаёт нижний и верхний отступ в пикселах. Значение должно превышать один пиксел;
frameborder - задаёт вид границ вокруг всех фреймов. Принимает значения:

1 - объёмные границы между всеми фреймами (установлен по умолчанию);
0 - плоские границы в виде простой линии определённого цвета и ширины;

border - толщина в пикселах всех рамок;
bordercolor - задаёт цвет всех границ между фреймами;
framespasing - задаётся размер свободного пространства в пикселах между фреймами;
id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<IFRAME>

контейнер, позволяет вставлять фреймы в документ, не производя разбивки всего документа на фреймы.
Список атрибутов:

name - имя фрейма;
Width - ширина встраимового фрейма в пикселах или процентах;
heigth - высота встраимового фрейма в пикселах;
scr - URL-адрес ресурса, загружаемого во фрейм;
align - задаёт горизонтальное и вертикальное выравнивание фрейма. Привязывает фрейм к краям документа.
scrolling - задаёт полосы прокрутки фрейма. Принимает значения:

yes - полосы прокрутки отображаются в любом случае;
no - полосы прокрутки не отображаются в любом случае;
auto - полосы прокрутки отображаются по необходимости (установлено по умолчанию);

marginwidth - задаёт левый и правый отступ в пикселах содержимого фрейма от его боковых границ. Значение должно превышать один пиксел;
marginheight - задаёт нижний и верхний отступ в пикселах. Значение должно превышать один пиксел;
frameborder - задаёт вид границ вокруг всех фреймов. Принимает значения:

1 - объёмные границы между всеми фреймами (установлен по умолчанию);
0 - плоские границы в виде простой линии определённого цвета и ширины;

<NOFRAMES>

контейнер, задаёт содержимое документа, которое должно отображаться, если браузер пользователя не поддерживает фреймы. В содержимом элемента NOFRAMES можно использовать почти все HTML-элементы, даже элемент BODY

содержание

<FORM>

контейнер, задающий форму.
Список атрибутов:

Action - обязательный атрибут. URL-адрес запрашиваемой CGI-программы, обрабатывающей данные, заданные в форме;
Method - определяет метод HTTP, используемый для пересылки данных формы. Принимает значения:

get - данные пересылаются в первой строке HTTP-заголовка. Допустимо использование только символов ASCII. Установлено по умолчанию.;
post - данные пересылаются в тексте HTTP-сообщения. Допустимо использование всего набора символов ISO10646, если enctype="multipart/form-data";

enctype -тип содержимого формы,используемый для определения формата кодирования при пересылке. Определены два значения: application/x-www-form-urlencoded и multipart/form-data;

<SELECT>

контейнер выбора из многовариантного списка значений.
Список атрибутов:

name - присваивает имя содержащему его элементу;
size - задаёт число одновременно видимых элементов выбора;
multiple - если указан, то возможен множественный выбор сразу нескольких вариантов;
tabindex - порядковый номер в последовательности перехода по клавише "ТАВ";
disabled - отключить данный элемент формы;
onfocus, onblur, onchange - внутренние события.

<OPTION>

контейнер, задаёт отдельно каждый вариант выбора из списка.
Атрибуты:

value - значение, пересылаемое серверу;
selected - если указан, то этот элемент выбран по умолчанию;
desabled - отключить данный элемент;
id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<TEXTAREA>

контейнер, реализующий многострочный ввод текста.
Список атрибутов:

name - присваивает имя содержащему его элементу;
tabindex - порядковый номер в последовательности перехода по клавише "ТАВ";
rows - задаёт число видимых текстовых строк;
cols - задаёт число видимых символов средней ширины;
readonly - только для чтения;
id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<INPUT>

элемент, реализующий основные функции формы.
Список атрибутов:

name - присваивает имя содержащему его элементу;
type - обязательный атрибут, определяющий тип управляющего элемента. Принимает значения:

text - создаётся поле ввода текста;

maxlenght=n - максимальное количество символов в строке ввода;
size=n - количество отображаемых символов в строке ввода;
value=text - начальное значение текстового поля, используемое по умолчанию;

password - создаётся поле ввода пароля;

maxlenght=n - максимальное количество символов в строке ввода;
size=n - количество отображаемых символов в строке ввода;
value=text - начальное значение текстового поля, используемое по умолчанию;

checkbox - создаёт флажок "вкл\выкл";

value=text - обязательный атрибут, содержит текстовую строку, которая будет послана на сервер, если флажок установлен в положение"вкл";
checked - утанавливает флажок в положение "вкл" по умолчанию;

radio - создаёт радиокнопку (кнопку с зависимой фиксацией);

value=text - обязательный атрибут, содержит текстовую строку, которая будет послана на сервер, если радиокнопка установлена в положение"вкл";
checked - утанавливает радиокнопку в положение "вкл" по умолчанию;

value=text - указывает пользовательское название кнопки отправки;

submit - создаёт кнопку отправки данных формы на сервер;
image - создаёт кнопку отправки в виде графического изображения;

src - URL-адрес изображения;
align - тип выравнивания изображения;

reset - создаёт кнопку сброса;
file - создаёт управляющий элемент выбора файла;
hidden - создаёт скрытый элемент;

size - задаёт начальную ширину управляющего элемента;
accesskey - "горячие клавиши" доступа к данному управляющему элементу;
align - выравнивание;
alt - поясняющая информация;
usemap -используется для подключения клиентской навигационной карты. Указывается имя карты;
readonly - только для чтения;
desabled - отключить данный элемент;
tabindex - порядковый номер в последовательности перехода по клавише "ТАВ";
id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<BUTTON>

контейнер задания кнопки для которой обработка на нажатие предоставляется разработчику.
Список атрибутов:

name - имя данного управляющего элемента;
value- значение, передаваемое сценарию после нажатия на кнопку;
type - тип кнопки. Принимает значения:

reset - кнопка сброса;
submit - кнопка отправки;
button - уникальная кнопка, обработка которой задаётся разработчиком;

accesskey - "горячие клавиши" доступа к данному управляющему элементу;
tabindex - порядковый номер в последовательности перехода по клавише "ТАВ";
desabled - отключить данный элемент;
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<LABEL>

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

for - обязательный атрибут, связывающий метку с управляющим элементом. Значением является id управляющего элемента;
accesskey - "горячие клавиши" доступа к данному управляющему элементу;
tabindex - порядковый номер в последовательности перехода по клавише "ТАВ";
id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<FIELDSET>

контейнер, служащий для выделения в форме группы управляющих элементов. При этом они обводятся рамкой.
Список атрибутов:

accesskey - "горячие клавиши" доступа к данному управляющему элементу;
id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<LEGEND>

контейнер, с помощью которого можно озаглавить выделенную элементом FIELDSET группу управляющих элементов в форме.
Список атрибутов:

align - задаёт месторасположение заголовка. Принимает значения:

left - заголовок выводится слева на верхнем сегменте рамки;
right - заголовок выводится справа на верхнем сегменте рамки;

accesskey - "горячие клавиши" доступа к данному управляющему элементу;
id, class - идентификаторы в пределах документа;
lang, dir - информация о языке и направленности текста;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

содержание

В спецификации HTML4.01 определены следующие внутренние события:

Onclick - однократное нажатие кнопки мыши на элементе, для которого указано данное событие;
Ondblclick - двойное нажатие кнопки мыши на элементе, для которого указано данное событие;
Onload - окончание загрузки документа в окно или всех фреймов;
Onunload - окончание dsзагрузки документа из окна или фрейма;
Onmousedown - нажатие кнопки мыши на элементе, для которого указано данное событие;
Onmouseup - отпускание кнопки мыши на элементе, для которого указано данное событие;
Onmouseover - курсор находится на элементе, для которого указано данное событие;
Onmousemove - перемещение курсора над элементом, для которого указано данное событие;
Onmouseout - перемещение курсора за пределы элемента, для которого указано данное событие;
Onfocus - получение фокуса элементом, для которого указано данное событие;
Onblur - потеря фокуса элементом, для которого указано данное событие;
Onkeypress - нажатие и отпускание любой клавиши на элементе, для которого указано данное событие;
Onkeydown - нажатие любой клавиши на элементе, для которого указано данное событие;
Onkeyup - отпускание нажатой клавиши на элементе, для которого указано данное событие;
Onsubmit - это событие происходит при отправке формы;
Onereset - это событие происходит при сбросе содержимого формы;
Onselect - это событие происходит при выделении текстового фрагмента в поле формы;
Onchange - это событие происходит при потере управляющим элементом фокуса, если с момента получения фокуса его содержимое было изменено.

<IMG>

элемент внедрения изображений в документ.
Список атрибутов:

src - URL-адрес (полный или относительный) графического файла;
align - выравнивание. Принимает значения:

left - прикрепить к левому краю документа;
right - прикрепить к правому краю документа;
top - по верхней границе. Верхняя граница изображения находится на уровне верхней границы самого высокого элемента в текущей строке;
texttop - по верхней границе. Верхняя граница изображения находится на уровне верхней границы самого высокого текстового символа в текущей строке
bottom, baseline - нижняя граница изображения будет находиться на базовой линии текущей строки;

width - ширина изображения в пикселах или процентах;
height - высота изображения в пикселах или процентах;
hspace - горизонтальный отступ в пикселах от изображения;
vspace - вертикальный отступ в пикселах от изображения;
border - управляет наличием и шириной рамки в пикселах вокруг изображения. По умолчанию border=0;
alt - текстовая сторка, являющаяся альтернативной текстовой информацией.

<OBJECT>

универсальный контейнер для внедрения в документ объектов (видео, аудио, т.д.).
Список атрибутов:

data - URL-адрес файла с данными объекта;
classid - либо URL-адрес подключаемого ActiveX модуля, либо идентификационное имя уже имющегося управляющего элемента ActiveX;
codebase - базовый URL-адрес для текущего объекта;
codetype - указывает тип содержимого данных, получение которых следует ожидать при загрузке объекта, задаваемого атрибутом classid;
type - MIME-тип содержимого медиа-файла;
border - управляет наличием и шириной рамки в пикселах вокруг изображения. По умолчанию border=0;
height - высота объекта в пикселах или процентах;
width - ширина объекта в пикселах или процентах;
hspace - горизонтальный отступ в пикселах объекта от остального документа;
vspace - вертикальный отступ в пикселах объекта от остального документа;
align - выравнивание. Принимает значения:

left - прикрепить к левому краю документа;
right - прикрепить к правому краю документа;
top - выравнивание по верхней границе текущей строки текста;
middle - середина объекта должна находиться на уровне базовой линии строки текста;
bottom - нижняя граница объекта будет находиться на базовой линии текущей строки;

id - имя объекта в пределах документа;
tabindex - номер объекта в последовательности перехода по клавише "Таb";
usemap - имя навигационной карты;
style - встроенная информация о стиле.
onclick, ondblick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown,onkeyup - внутренние события.

<PARAM>

элемент, задаёт параметры объекта, внедрённого в документ контейнером OBJECT. Внутри одного элемента OBJECT может быть определено любое количество элементов PARAM и в любом порядке.
Список атрибутов:

name - имя параметра, понятное подключаемому модулю;
value - значение параметра;
valuetype - тип атрибута value. Принимает значения:

data - значение атрибута value будет определяться и передаваться подключённому модулю в виде строки (используется по умолчанию);
ref - значением атрибута value являетсяURL-адрес файла со значениями параметров;

object - ссылка на другой объект в этом документе. Указывается id объекта;
type - тип содержимого ресурса (content-type), чей URL-адрес указан атрибутом value;
id - имя объекта в пределах документа.

<EMBED>

элемент внедрения в документ аудио и видео. Упрощённая альтернатива элемента OBJECT.
Список атрибутов:

src - URL-адрес внедряемого мультимедиа-файла;
type - MIME-тип содержимого мультимедиа-файла;
border - задаёт ширину рамки в пикселах вокруг изображения;
frameborder - задаёт наличие или отсутствие рамки вокруг объекта, принимая значения "yes" и "no" соответственно;
height - высота объекта в пикселах или процентах;
width - ширина объекта в пикселах или процентах;
hspace - горизонтальный отступ в пикселах объекта от остального документа;
vspace - вертикальный отступ в пикселах объекта от остального документа;
hidden - делает объект невидимым;
pluginspage - URL-адрес ресурса, в котором содержаться инструкции по инсталляции модуля;
align - выравнивание объекта. Принимает значения:

left - прикрепить к левому краю документа;
right - прикрепить к правому краю документа;
top - выравнивание по верхней границе текущей строки текста;
middle - середина объекта должна находиться на уровне базовой линии строки текста;
bottom - нижняя граница объекта будет находиться на базовой линии текущей строки;

id - имя объекта в пределах документа.

<APPLET>

контейнер для включения в документ Java-апплетов. В спецификации HTML4.01 указан как нежелательный.
Список атрибутов:

codebase - базовый URL-адрес апплета. Значением этого атрибута могут быть только подкаталоги каталога, в котором расположен текущий документ, либо сам этот каталог.
code - имя файла класса, содержащего скомпилированный подкласс апплета или адрес, по которому можно получить этот класс. Значение атрибута интерпретируется с учётом кода апплета.
name - уникальное имя апплета для обращения к нему;
width - ширина области, отводимой под апплет;
height - высота области, отводимой под апплет;
hspace - горизонтальный отступ в пикселах области апплета от остального документа;
vspace - вертикальный отступ в пикселах области апплета от остального документа;
alt - альтернативная текстовая информация;
id, class - идентификаторы в пределах документа;
title - заголовок элемента(выводится при наведении курсора);
style - встроенная информация о стиле.

<SCRIPT>

контейнер, для размещения кода сценария, написанного на языке скриптов.
Список атрибутов:

type - язык, на котором написан скрипт;
src - URL-адрес внешнего скрипта;
language - язык скрипта. Является нежелательным элементом. Вместо него следует использовать type;
defer - если указан, то скрипт не будет генерировать содержимое текста;
charset - кодировка символов.

содержание

Способы подключения каскадных таблиц стилей к HTML-документам.

Внедрение - задание таблицы стилей в заголовке HTML-документа.
<STYLE type="text/css">
...список CSS-правил...
...список CSS-правил...
</STYLE>
Присоединение - таблица стилей находится во внешнем файле, присоеденяется к HTML-документу с помощью элемента LINK.
<LINK rel="stylesheet" type="text/css" href="include.css">
Импортирование - файл с таблицей стилей импортируется с сервера.
<STYLE type="text/css">
@import URL(www.server/include)
...список CSS-правил...
</STYLE>
Поэлементное задание стиля. Для всех HTML-элементов определён атрибут STYLE, в котором с помощью CSS-правил определяются параметры элемента.

Эй-ти правила:

@import - импортирует в документ внешние таблицы стилей;
@media - задаются каскадные таблицы стилей для конкретных устройств вывода:

all - все типы устройств (используется по умолчанию);
print - таблица стилей будет применена к документу при печати;
screen - цветной экран монитора;
tv - телевизор. Для него характерны: цветное изображение, низкое разрешение, передача звука;
aural - синтезатор речи;
braille, embossed - устпойства вывода использующие азбуку Бройля;

@font-face - позволяет разработчику использовать свои шрифты.
@font-face {font-family:my font; src: url(http://my_font)}

Синтаксис

Все обычные правила состоят из двух частей: селектора и блока определений;
Между фигуными скобками блока определений располагаются объявления;
Между названием, двоеточием и значением объявления может находиться любое количество пробелов;
Несколько объявлений для одного селектора могут быть объеденены в группы, отделяясь друг от друга точкой с запятой;
Для IE - если свойство в правиле задано неверно, то игноруруется только это свойство, а не всё правило. Для NC4.74 и ниже игнорируется всё правило.

Селектор класса.

используя селектор класса можно обратиться к группе разнородных элементов одного класса (класс устанавливается идентификатором class):
Элемент.класс {определение}
Обратиться ко всему классу можно использовав запись:
.класс {определение}

Селектор имён.

используя селектор имён можно обратиться непосредственно к конкретному элементу:
Элемент#имя {определение}
Обратиться ко всем одноимённым элементам можно использовав запись:
#имя {определение}

Селектор контекстного окружения.

используя селектор контекстного окружения можно обратиться к потомку родительского элемента любого уровня. При этом указывается через пробел селектор родительского элемента и селектор потомка:
Родитель потомок {определение}
Допустим многократный переход родитель-потомок.
Чтобы обратиться ко всем элементам name2, являющими потомками второго уровня элемента name1, используется запись:
name1 * name2 {определение}
При этом символ "*" с обеих сторон выделен пробелами. Язык CSS позволяет обращаться к определённым элементам, учитывая их соседство с другими элементами. Элементу name2 можно задать параметры, если он следует за элементом name1, используя запись:
name1 + name2 {определение}
Знак "+" с обеих сторон выделен пробелами.

Псевдоклассы.

Общий вид обращения к псевдоклассу:
селектор: псевдокласс {определение}
Псевдоклассы ссылок:

visited - посещённая ссылка;
link - не посещённая ссылка;
active - активная ссылка;
hover - ссылка, над которой находится курсор мыши.

Еденицы измерения длины.

Допустимо использование двух типов длины:относительное задание и обсолютное.
Относительные еденицы:

em - 1еm равен используемому значению свойства font-size элемента, к которому данный em-размер применияется;
ex - 1 ех равен размеру высоты строчной буквы х для используемого шрифта;
px - указывает размер в пикселах, зависит от разрешения экрана;

Абсолютные единицы:

cm - сантиметр;
mm - миллиметр;
in -дюйм (1 дюйм равен 2,54 см)
pt - точка (1 точка равна 1/72 дюйма)
pc - пика (1 пика равна 12 точкам)

Задание цвета

Существуют следующие возможности:

Указание цвета с помощью ключевых слов. Ключевые слова приведены в таблице цветов. Если название цвета состоит из двух или более слов, то оно записывается слитно.
DIV {color: Red}
Указание цвета с помощью шестнадцатиричного RGB-кода:
DIV {color: #ffffff}
Указание цвета с помощью десятичного (от 0 до 255) RGB-кода:
DIV {color: rgb (45,45,45)}
Указание цвета с помощью процентной насыщенности каждого из RGB-кода:
DIV {color: rgb (45%,45%,45%)}

содержание

background-color

cвойство, своим значением указывающее цвет фона в области документа, отведённой под данный элемент.

background-attachment

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

fixed - фоновое изображение задаётся как фиксированное;
scroll - фоновое изображение будет прокручиваться вместе с документом.

backgrond-position

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

в процетах;
в еденицах длины;
с помощью ключевого слова.

background-image

указывает фоновое изображение для данного элемента. В качестве значения указывается URL-адрес графического файла.

background-repeat

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

repeat - изображение дублируется в вертикальном и горизонтальном направлениях;
repeat-X - изображение дублируется только в горизонтальном направлении;
repeat-Y - изображение дублируется только в вертикальном направлении;
no-repeat - изображение не дублируется. При этом оно будет отображено только один раз.

содержание

border

универсальное свойство,задающее ширину, тип и цвет линии сразудля всех границ стилевого блока.

border-top

задаёт ширину, тип и цвет линии верхней границы стилевого блока.

border-bottom

задаёт ширину, тип и цвет линии нижней границы стилевого блока.

border-ight

задаёт ширину, тип и цвет линии левой границы стилевого блока.

border-left

задаёт ширину, тип и цвет линии правой границы стилевого блока.

border-color

задаёт цвет всех границ стилевого бока:верхней, правой, нижней, левой. Можно указать одно значение и оно будет применено ко всем границам.Зачение задаётся в виде RGB-кода или с помощью ключевых слов.

border-top-color

задаёт цвет верхней границы стилевого блока.

border-right-color

задаёт цвет правой границы стилевого блока.

border-bottom-color

задаёт цвет нижней границы стилевого блока.

border-left-color

задаёт цвет левой границы стилевого блока.

border-width

задаёт ширину всех границ стилевого бока:верхней, правой, нижней, левой.border-width{1px 2px 3 px 4px}. Можно указать одно значение и оно будет применено ко всем границам.Толщина указывается в еденицах длины, процентах или с помощью ключевых слов:

thin - тoнкая линия границы
medium - средняя линия границы
thick - толстая линия границы

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

border-top-width

задаёт ширину верхней границы стилевого блока.

border-right-width

задаёт ширину правой границы стилевого блока.

border-bottom-width

задаёт ширину нижней границы стилевого блока.

berder-left-width

задаёт ширину левой границы стилевого блока.

border-style

определяет тип всех границ стилевого бока:верхней, правой, нижней, левой. Можно указать одно значение и оно будет применено ко всем границам. Определены следующие стили:

solid - граница отображается в виде сплошной линии (border-width:medium - если не задан явно)
double - граница отображается в виде двух сплошных линий. Причём свойство borde-width определяет суммарнуютолщинудвух этих линий и расстояния между ними.
dotted - граница отображается в виде пунктирной линии.
groove - граница отображается вдавленная линия
ridge - граница отображается выпуклая линия
inset - весь блок отображается как вдавленный
outset - весь блок отображается как выпуклый

border-top-style

задаёт тип верхней границы

border-right-style

задаёт тип правой границы

border-bottom-style

задаёт тип нижней границы

border-left-style

задаёт тип левой границы

содержание

margin: задаёт размер всех полей стилевого блока: верхнего, правого, нижнего, левого. Можно указать одно значение и оно будет применено ко всем полям. Задаётся в еденицах длины рх.
margin-top: задаёт размер верхнего поля стилевого блока.
margin-right: задаёт размер правого поля стилевого блока.
margin-bottom: задаёт размер нижнего поля стилевого блока.
margin-left: задаёт размер левого поля стилевого блока.
padding: задаёт размер всех отступов стилевого блока: верхнего, правого, нижнего, левого. Можно указать одно значение и оно будет применено ко всем полям. Задаётся в еденицах длины рх.
padding-top: задаёт размер верхнего отступа стилевого блока.
padding-right: задаёт размер правого отступа стилевого блока.
padding-bottom: задаёт размер нижнего отступа стилевого блока.
padding-left: задаёт размер левого отступа стилевого блока.

содержание

color

устанавливает цвет текста. Значение этого свойства задаётся либо в виде RGB-кода либо с помощью ключевых слов.

letter-spacing

устанавливает расстояние между буквами. Задаётся в еденицах длины.

text-align

определяет выравнивание текста внутри информативной области стилевого блока. Принимает следующие значения:

left - по левому краю. Устанавливается по умолчанию;
right - по правому краю;
center - по центру;
justify - по ширине.

texr-decoration

служит для придания тексту особых визуальных характеристик:

underline - каждая строкабудет подчёркнута;
overline - кажая строка будет надчёркнута;
line-through - каждая строка будет перечёркнута;
no - никакого декоративного оформления текста производиться не будет. Установлено по умолчанию.

text-indent

задаётся отступ первого слова в первой строке абзаца (определяет размер красной строки). Сдвиг производиться относительно левого края текстового фрагмента. Задаётся в еденицах длины или процентах.

text-transform

определяет, в каком регистре будет выводиться текст. Принимает следующие значения:

capitalize - первая буква каждого слова отображается прописной (заглавной);
uppercase - все буквы каждого слова отображаются прописными (заглавными);
lowercase - все буквы каждого слова отображаются как строчные;
no - никакого преобразования регистра не производиться.

font-family

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

font-style

задаёт стиль шрифта:

normal - отображается в обычном прямом виде. Установлен по умолчанию;
italic - отображается курсивом;
oblique - отображается в наклонном виде.

font-size

задаёт размер шрифта. Значения задаются ключевыми словами или еденицами длины.

font-variant

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

small-caps - включает вышеописанные изменения
normal - нормальный неизменённый текст. Устанавливается по умолчанию.

font-weight

задаёт жирность шрифта. Принимает следующие значения: 100, 200, 300, 400, 500, 600, 700, 800, 900 в порядке увеличения жирности.

normal - задаёт нормальную жирность шрифта (устанавливается по умолчанию), соответствующую числовому значению 400.
bold - устанавливает полужирный шрифт соответствующий числовому значению 700.

font

универсальное свойство для задания внешнего вида шрифта. В качестве значения сойства font задаётся последовательность значений всех CSS-свойствшрифта в следующем порядке и виде: font-style; font-variant; font-weight; font-size/line-height; font-family. Каждое из свойств может не задаваться и будет исползоваться в значении, установленном для него по умолчанию. Названия используемых шрифтов перечисляются через запятую.

содержание

position

задаёт схему позиционирования для данного элемента. Принимает значения:

static - задаёт статическую схему позиционирования для данного блока(текущий блок является обычным, располагающимся в соответствии с нормальным потоком блоков);
relative - задаёт относительную схему позиционирования для данного блока;
absolute - задаёт абсолютную схему позиционирования для данного блока;

top

задаёт величину смещения в пикселах px верхнего края блока относительно верхнего края контейнера (при абсолютном позиционировании) или относительно блока в нормальном потоке.

bottom

задаёт величину смещения в пикселах px нижнего края блока относительно верхнего края контейнера (при абсолютном позиционировании) или относительно блока в нормальном потоке.

left

задаёт величину смещения в пикселах px левого края блока относительно верхнего края контейнера (при абсолютном позиционировании) или относительно блока в нормальном потоке.

right

задаёт величину смещения в пикселах px правого края блока относительно верхнего края контейнера (при абсолютном позиционировании) или относительно блока в нормальном потоке.

float

определяет блок как перемещаемый и позволяет прикрепить его к одному из краёв документа. Принимает значения:

left - структурный блок задаётся как перемещаемый влево;
right - структурный блок задаётся как перемещаемый вправо;
none - структурный блок никуда не перемещается.

Z-index

указывает Z-координату, которй можно явно задавать то, как друг над другом (в каком порядке) должны отображаться блоки. Если два блока занимают одно и тоже пространство на странице, то блок, у которого Z-индекс больше, будет перекрывать блок с меньшим Z-индекс. Z-индекс принимает целочисленные значения. Все Z-индексы берутся относительно Z-индекс элемента .

overflow

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

visible - вся информация должна быть отображена путём увеличения размеров информативной области блока. Используется по умолчанию;
hidden - вся не поместившаяся информация должна быть отброшена и отображаться не будет;
scroll - к блоку добавляются полосы прокрутки;
auto - браузер сам определяет что делать при переполнении.

visiblity

задаёт видимость структурного блока. Принимает значения:

visible - видимый;
hidden - невидимый и не отображается. Все остальные блоки ведут себя так, будто его нет (поддерживается браузером Netscape Communicator только 6 версии).

содержание

list-style-type

задаёт внешний вид маркеров (пулек) для неупорядоченных списков и вид нумерации для упорядоченных:

none - никакой маркер не отображается;
disk - в качестве маркера используется закрашенный кружок;
circle - в качестве маркера используется не закрашенный кружок (окружность);
square - в качестве маркера используется закрашенный квадратик;
decima - задаёт нумерацию списка арабскими цифрами;
lower-roman - задаёт нумерацию списка строчными римскими цифрами;
upper-roman - задаёт нумерацию списка прописными римскимика цифрами;
lower-alpha - задаёт нумерацию списка строчными латинскими цифрами;
upper-alpha - задаёт нумерацию списка прописными латинскими цифрами;

list-style-image

позволяет использовать в качестве маркеров (пулек) графические изображения. В качестве значения указывается URL-адрес графического файла.

list-style-position

задаётся положение маркера (пульки)относительно элемента списка. Принимает значения:

inside - маркер встраивается в элемент списка и является его первым символом;
outside - маркер отображается несколько смещённым влево относительно элемента списка.

cursor

позволяет задавать для курсора авторский внешний вид. В качестве значения указывается URL-адрес (или список адресов) файла подключаемого курсора или ключевое слово:

default - устанавливает курсор используемый по умолчанию (обычно в виде стрелки);
crosshair - устанавливает курсор в виде крестика;
text - такой вид курсор принимает, когда указывает на текст, который можно выделить;
wait - курсор принимает вид песочных часов;
auto - вид курсора задаётся браузером автоматически от контекста.

содержание

Английский с азов до TOEFL

	СПРАВОЧНОЕ РУКОВОДСТВО
	Главная	CSS	Теги	PHP