Основные HTML и CSS теги

Автор: Игорь Копаков

Создан: 2009-01-02

Тэги HTML

Структура документа

! — пределяет комментарий, который игнорируется анализатором HTML
!DOCTYPE — Объявляет тип и формат содержимого документа
BASE — Устанавливает URL-адрес исходного документа
BODY — Определяет начало основной части страницы
COMMENT — Описывает комментарий, который не отображается
DIV — Осуществляет логическое разделение документа, создавая фрагмент внутри него
HEAD — Заключает в себе тэги, содержащие невидимую информацию о документе
HTML — Идентифицирует документ как содержащий элементы HTML
LINK — Используется для обозначения связей между документами
МЕТА — Предоставляет различные типы невидимой информации и инструкций для браузера
NEXTID — Определяет параметр в тэге для использования текстовыми редакторами
SPAN — Используется с таблицей стилей для определения нестандартных атрибутов текста на странице
STYLE — Заключает в себе таблицу стилей

Заголовки и названия

Н1 — Заголовок 1-го уровня
Н2 — Заголовок 2 -го уровня
НЗ — Заголовок 3-го уровня
Н4 — Заголовок 4-го уровня
Н5 — Заголовок 5-го уровня
Н6 — Заголовок 6-го уровня
TITLE — Название документа, показываемое в заголовке окна браузера

Абзацы и строки

BR — Вставка конца строки
CENTER — Выравнивает заключенные в него компоненты по центру
HR — Помещает горизонтальную перекладину на страницу
NOBR — Устанавливает невозможность обтекания текстом
? — Обозначает абзац
WBR — Вставляет мягкий перенос строки в блоке текста в тэге

Стили текста

ADDRESS — Определяет информацию об адресе, контрольной сумме и авторстве
В — Делает текст жирным, где он доступен
BASEFONT — Устанавливает шрифт, используемый по умолчанию
BIG — Делает шрифт на один пункт больше текущего
BLOCKQUOTE — Обозначает отступ в тексте
СIТЕ — Выделяет текст курсивом; часто используется для утверждений об авторском праве
CODE — Вставляет код в виде текста с фиксированной шириной шрифта
DFM — Данный тэг используется для пометки терминов, используемых в первый раз
ЕМ — Выделяет текст, обычно курсивом
FONT — Определяет вид, размер и цвет шрифта для текста
I — Преобразует шрифт текста в курсивный, где это возможно
KBD — Используется для отображения на экране текста, который должен ввести пользователь
LISTING — Возвращает текст со шрифтом фиксированной ширины
PLAINTEXT — Представляет текст шрифтом фиксированной ширины без обработки тэгов
PRE — Представляет текст шрифтом фиксированной ширины
S — Выводит текст зачеркнутым
SAMP — Показывает текст как пример программы
SMALL — Определяет, что текст должен быть показан уменьшенным шрифтом относительно основного
STRIKE — Выводит текст зачеркнутым
STRONG — Выделяет текст жирным шрифтом
STYLE — Заключает в себе таблицу стилей
SUB — Выделяет текст, переводя его в нижний регистр
SUP -Переводит текст в верхний регистр, как степень
ТТ — Устанавливает шрифт фиксированной ширины
U — Делает текст подчеркнутым
VAR — Устанавливает мелкий шрифт, иногда курсив, фиксированной ширины, используемый обычно для обозначения переменных
ХМР — Показывает текст шрифтом фиксированной ширины

Списки

DD — Используется внутри списка определений для задания текста в тэге DT
DIR — Возвращает текст как список каталога
DL — Используется для создания списка элементов со связанными описаниями
DT — Обозначает определение, описание которого находится в следующем за ним тэге 00
L — Обозначает один элемент в нумерованном или маркированном списке MENU
OL — Преобразует строки текста с тэгами li в нумерованный список
UL — Преобразует строки текста с тэгами li в маркированный список

Таблицы

CAPTION — Заголовок таблицы
COL — Вид столбцов таблицы по умолчанию
COLGROUP — Контейнер для группы столбцов
ТАВLЕ — Раздел тэгов TR, TD и ТН, организованных по строкам и столбцам
TBODY — Раздел, содержащий тэги TR и TD, который формирует основную часть таблицы
TD — Ячейки таблицы
TFOOT — Набор строк для использования в нижней части таблицы
ТН — Строку заглавия таблицы; содержимое выровнено по центру и выводится жирным шрифтом
THEAD — Набор строк, используемых как заголовок таблицы
TR — Строку таблицы

Ссылки

А — Гиперссылку; обязательно задавать атрибуты HREF или NAME
А HREF=«url» — Гиперссылку на элемент другого документа
А> NАМЕ=«имя» — Гиперссылку на элемент этого же документа

Графика, объекты, мультимедиа и сценарий

APPLET — Помещает апплет Java или другой выполняемый элемент на страницу
AREA — Определяет форму активного участка изображения-карты клиента
BGSOUND — Определяет фоновое звуковое сопровождение страницы
EMBED — Внедряет документы любого типа на страницу для просмотра соответствующим приложением
IMG — Используется для вставки графического элемента или видеоклипа на страницу
МАР — Задает коллекцию активных участков изображения-карты клиента
MARQUEE — Создает на странице бегущую строку текста
NOSCRIPT — Определяет, что будет показывать браузер, не поддерживающий сценарии
OBJECT — Встраивает объект или другой элемент управления, не встроенный в HTML, на страницу
PARAM — Используется в тэге OBJECT для установки свойств объекта
SCRIPT — Определяет раздел страницы, который должен обрабатываться интерпретатором кода сценария

Формы

BUTTON — Создает на странице кнопку HTML
FIELDSET — Рисует прямоугольник вокруг содержащихся в нем элементов для обозначения связанных объектов
FORM — Описывает форму на странице, которая может содержать другие компоненты и элементы управления
INPUT — Задает параметры элемента управления формы
LABEL — Определяет текст метки или заголовка для блока элементов управления
LEGEND — Определяет текст, помещаемый в прямоугольник, созданный тэгом FIELDSET
OPTION — Обозначает одну из альтернатив в элементе SELECT
SELECT — Определяет поле списка или выпадающий список
TEXTAREA — Обозначает поле ввода, состоящее из нескольких строк

Фреймы

FRAME — Определяет конкретный фрейм внутри набора фреймов
FRAMESET — Определяет набор фреймов, который содержит фреймы или подчиненные наборы
IFRAME — Используется для создания встроенных «плавающих» фреймов на странице
NOFRAMES — Определяет, что именно будет показывать браузер, не поддерживающий фреймы

Справочник по CSS

Границы

BORDER Позволяет одновременно установить толщину, стиль и цвет рамки вокруг элемента.
BORDER-BOTTOM Позволяет одновременно установить толщину, стиль и цвет границы внизу элемента.
BORDER-BOTTOM-COLOR Устанавливает цвет границы внизу элемента.
BORDER-BOTTOM-STYLE Устанавливает стиль границы внизу элемента.
BORDER-BOTTOM-WIDTH Устанавливает толщину границы внизу элемента.
BORDER-COLLAPSE Устанавливает, как отображать границы вокруг ячеек таблицы. Играет роль, когда для ячеек установлена рамка.
BORDER-COLOR Устанавливает цвет границы на разных сторонах элемента.
BORDER-LEFT Позволяет одновременно установить толщину, стиль и цвет левой границы элемента.
BORDER-LEFT-COLOR Задает цвет границы слева от элемента.
BORDER-LEFT-STYLE Устанавливает стиль границы слева от элемента.
BORDER-LEFT-WIDTH Устанавливает толщину границы слева от элемента.
BORDER-RIGHT Позволяет одновременно установить толщину, стиль и цвет правой границы элемента.
BORDER-RIGHT-COLOR Задает цвет границы справа от элемента.
BORDER-RIGHT-STYLE Устанавливает стиль границы справа от элемента.
BORDER-RIGHT-WIDTH Устанавливает толщину границы справа от элемента.
BORDER-STYLE Устанавливает стиль рамки вокруг элемента.
BORDER-TOP Позволяет одновременно установить толщину, стиль и цвет границы сверху элемента.
BORDER-TOP-COLOR Задает цвет границы сверху элемента.
BORDER-TOP-STYLE Устанавливает стиль границы сверху элемента.
BORDER-TOP-WIDTH Устанавливает толщину границы сверху элемента.
BORDER-WIDTH Задает толщину границы одновременно на всех сторонах элемента или индивидуально для каждой стороны.

Контент

CONTENT Ппозволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте отсутствует.
QUOTES Устанавливает тип кавычек, который применяется в тексте документа.

Курсор

CURSOR Устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора зависит от операционной системы и установленных параметров.

Отступы

MARGIN Устанавливает величину отступа от каждого края элемента.
MARGIN-BOTTOM Устанавливает величину отступа от нижнего края элемента.
MARGIN-LEFT Устанавливает величину отступа от левого края элемента.
MARGIN-RIGHT Устанавливает величину отступа от правого края элемента.
MARGIN-TOP Устанавливает величину отступа от верхнего края элемента.

Позиционирование

BOTTOM Устанавливает положение нижнего края содержимого элемента.
HEIGHT Устанавливает высоту блочных или заменяемых элементов.
LEFT Определяет расстояние от левого края родительского элемента.
POSITION Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.
RIGHT Определяет расстояние от правого края родительского элемента.
TOP Определяет расстояние от верхнего края родительского элемента.
WIDTH Устанавливает ширину блочных или заменяемых элементов.
Z-INDEX Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном порядке, имитируя тем самым третье измерение, перпендикулярное экрану.

Поля

PADDING Устанавливает значение полей вокруг содержимого элемента.
PADDING-BOTTOM Устанавливает значение поля от нижнего края содержимого элемента.
PADDING-LEFT Устанавливает значение поля от левого края содержимого элемента.
PADDING-RIGHT Устанавливает значение поля от правого края содержимого элемента.
PADDING-TOP Устанавливает значение поля от верхнего края содержимого элемента.

Список

LIST-STYLE Позволяет одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера.
LIST-STYLE-IMAGE Устанавливает адрес изображения, которое служит в качестве маркера списка.
LIST-STYLE-POSITION Определяет, как будет размещаться маркер относительно текста.
LIST-STYLE-TYPE Изменяет вид маркера для каждого элемента списка.

Таблицы

TABLE-LAYOUT Определяет, как браузер должен вычислять высоту и ширину ячеек таблицы, основываясь на её содержимом.
BORDER-COLLAPSE Устанавливает, как отображать границы вокруг ячеек таблицы. Этот параметр играет роль, когда для ячеек установлена рамка.

Текст

LETTER-SPACING Определяет интервал между символами в пределах элемента.
LINE-HEIGHT Устанавливает межстрочный интервал текста в блоке.
TEXT-ALIGN Определяет горизонтальное выравнивание текста в пределах элемента.
TEXT-DECORATION Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания.
TEXT-INDENT Устанавливает величину отступа первой строки блока текста.
TEXT-TRANSFORM Управляет преобразованием текста элемента в заглавные или прописные символы.
WHITE-SPACE Устанавливает режим отображения пробелов между словами.
WORD-SPACING Устанавливает интервал между словами.

Фон

BACKGROUND Позволяет установить одновременно до пяти атрибутов стиля фона.
BACKGROUND-ATTACHMENT Определяет, будет ли прокручиваться фоновое изображение вместе с содержимым элемента.
BACKGROUND-COLOR Устанавливает фоновый цвет элемента.
BACKGROUND-IMAGE Устанавливает фоновое изображение для элемента.
BACKGROUND-POSITION Задает начальное положение фонового изображения, установленного с помощью параметра background-image.
BACKGROUND-REPEAT Определяет, как будет повторяться фоновое изображение, установленное с помощью параметра background-image, и по какой оси.

Форматирование

CLEAR Устанавливает, с какой стороны элемента запрещено его обтекание другими элементами.
CLIP Определяет область позиционированного элемента, в которой будет показано его содержимое.
DISPLAY Определяет, как должен быть показан элемент в документе.
FLOAT Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон.
OVERFLOW Управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.
VERTICAL-ALIGN Выравнивает элемент по вертикали относительно своего родителя или окружающего текста.
VISIBILITY Предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон.

Цвет

COLOR Определяет цвет текста элемента.

Шрифт

FONT Позволяет установить одновременно несколько атрибутов стиля шрифта.
FONT-FAMILY Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого.
FONT-SIZE Определяет размер шрифта элемента.
FONT-STYLE Определяет начертание шрифта — обычное, курсивное или наклонное.
FONT-VARIANT Определяет, как нужно представлять строчные буквы — делать их все прописными уменьшенного размера или оставить без изменений.
FONT-WEIGHT Устанавливает насыщенность шрифта.