Справочник HTML тегов

Тэги HTML

Здесь упорядочены по категориям наиболее часто употребляемые тэги.

Структура документа
<!>	Определяет комментарий, который игнорируется анализатором HTML
<!DOCTYPE>	Объявляет тип и формат содержимого документа
<BASE>	Устанавливает URL-адрес исходного документа
<BODY>	Определяет начало основной части страницы
<COMMENT>	Описывает комментарий, который не отображается
<DIV>	Осуществляет логическое разделение документа, создавая фрагмент внутри него
<HEAD>	Заключает в себе тэги, содержащие невидимую информацию о документе
<HTML>	Идентифицирует документ как содержащий элементы HTML
<LINK>	Используется для обозначения связей между документами
<МЕТА>	Предоставляет различные типы невидимой информации и инструкций для браузера
<NEXTID>	Определяет параметр в тэге <HEAD> для использования текстовыми редакторами
<SPAN>	Используется с таблицей стилей для определения нестандартных атрибутов текста на странице
<STYLE>	Заключает в себе таблицу стилей
Заголовки и названия
<Н1>	Заголовок 1-го уровня
<Н2>	Заголовок 2 -го уровня
<НЗ>	Заголовок 3-го уровня
<Н4>	Заголовок 4-го уровня
<Н5>	Заголовок 5-го уровня
<Н6>	Заголовок 6-го уровня
<TITLE>	Название документа, показываемое в заголовке окна браузера
Абзацы и строки
<BR>	Вставка конца строки
<CENTER>	Выравнивает заключенные в него компоненты по центру
<HR>	Помещает горизонтальную перекладину на страницу
<NOBR>	Устанавливает невозможность обтекания текстом
<?>	Обозначает абзац
<WBR>	Вставляет мягкий перенос строки в блоке текста в тэге <NOBR>
Стили текста
<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 l>	Обозначает один элемент в нумерованном или маркированном списке <MENU>
<OL>	Преобразует строки текста с тэгами <L l> в нумерованный список
<UL>	Преобразует строки текста с тэгами <L l> в маркированный список
Таблицы
Перечисленные ниже тэги определяют:
<CAPTION>	Заголовок таблицы
<COL>	Вид столбцов таблицы по умолчанию
<COLGROUP>	Контейнер для группы столбцов
<ТАВLЕ>	Раздел тэгов <TR>, <TD> и <ТН>, организованных по строкам и столбцам
<TBODY>	Раздел, содержащий тэги <TR> и <TD>, который формирует основную часть таблицы
<TD>	Ячейки таблицы
<TFOOT>	Набор строк для использования в нижней части таблицы
<ТН>	Строку заглавия таблицы; содержимое выровнено по центру и выводится жирным шрифтом <THEAD> Набор строк, используемых как заголовок таблицы
<TR>	Строку таблицы
Ссылки
Следующие тэги определяют:
<А>	Гиперссылку; обязательно задавать атрибуты HREF или NAME
<А HREF="url">	Гиперссылку на элемент другого документа
<А> МАМЕ="имя">	Гиперссылку на элемент этого же документа
Графика, объекты, мультимедиа и сценарий
<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>	Определяет, что именно будет показывать браузер, не поддерживающий фреймы

Таблицы стилей

ществует более 70-и свойств, предназначенных для применения в каскадных таблицах стилей Dynamic HTML. Их можно условно разделить на несколько групп. Начнем со сводной информации о единицах измерения, используемых для определения значений свойств.

Едeницы измерения

Есть две основные категории единиц: относительные и абсолютные (плюс процентные). Лучше использовать относительные единицы, поскольку определение абсолютных требует знания конкретной системы отображения: на какой принтер, монитор или другое устройство будет выводиться информация. Относительные единицы Значения em, en и ex являются типографскими терминами и соотносятся с размерами других символов, рх обозначает пикселы — элементы экрана, размер которых зависит от установок монитора и видеокарты пользователя. В Internet Explorer, начиная с версии 4, em и ех заменены на pt, en — на рх. Абсолютные единицы Значения in, cm, mm, pt, pc in дает значение в дюймах, cm — в сантиметрах, mm — в миллиметрах, pt -в пунктах (72 пт на дюйм) и рс - в пиках (1 пика равна 12 пт). Эти единицы стоит использовать только в том случае, если вы знаете, каким будет размер рабочей области устройства вывода, т. к. браузеры будут пытаться показать все в натуральную величину.

Проценты

Эти цифровые значения задаются как числа (с десятичной точкой или без нее), показывающие отношение к единице длины (обычно размер шрифта текущего элемента). Свойства Dynamic HTML

Свойства шрифта

font

Свойства	font
Значения	<font-size>, [ /<line-height>], <font-family>
Значение по умолчанию	He определено
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Только для <font-size>, <line-height>

Это свойство позволяет устанавливать сразу несколько свойств шрифта в одном месте, с начальными значениями, определенными для используемых свойств (т. е. значение, определенное по умолчанию для <font-size>, отличается от значения по умолчанию <font-family>). Данное свойство может быть использовано с соответствующими значениями, разделенными пробелами или запятыми, если устанавливается несколько шрифтов.

fontFamily

Свойства	fontFamily
Значения	Название семейства шрифта (например, Anal)
Значение по умолчанию	Устанавливается браузером
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Нет

Вы можете установить несколько возможных значений в порядке предпочтения (на тот случай, когда в браузере нет нужного шрифта). Для этого просто разделите их запятыми. Вы должны закончить родовым названием шрифта (допустимые значения serif, sans-serif, cursive, fantasy или monospace). Если имя шрифта состоит из нескольких слов, вы должны заключить эти слова в кавычки.

font-size

Свойства	fontSize
Значения	<absolute>, <relative>, <length>, <percentage>
Значение по умолчанию	medium
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Да (относительно родительского размера шрифта)

Значения для этого свойства могут быть выражены несколькими способами:

абсолютным размером, допустимые значения хх-small, x-small, small, medium, large, x -large, xx-large;
относительным размером, допустимые значения larger, smaller;
длиной в любых из описанных в начале раздела единицах измерения;
процентным отношением: значения представлены в процентах от родительского размера шрифта.

font-style

Свойства	fontStyle
Значения	normal, italic, oblique
Значение по умолчанию	normal
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Нет

Это свойство используется для определения стиля вашего шрифта. Если существует уже готовый вариант шрифта (например, New York Oblique), то он будет применен, в противном случае изменение шрифта будет произведено программно.

font-variant

Свойства	fontVariant
Значения	normal, small-caps
Значение по умолчанию	normal
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Нет

Normal — это стандартный вид, установленный по умолчанию, small-caps использует прописные буквы того же размера, что и обычные строчные.

font-weight

Свойства	fontWeight
Значения	normal, bold, bolder, lighter или числовые значения от 100 до 900
Значение по умолчанию	normal
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Нет

Определяет жирность шрифта текста, которая зависит от толщины линии. Если используется числовое выражение, то число обязательно должно быть кратным 100: 400 — то же, что и normal, 700 — то же, что и bold.

Свойства цвета и фона

color

Свойства	color
Значения	Название цвета или его номер
Значение по умолчанию	Зависит от броузера
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Нет

Устанавливает цвет текста элемента страницы. Цвет может быть задан названием (например, green) или номером в соответствии со шкалой RGB. Это значение может быть задано несколькими способами: в шестнадцатеричной системе, например "#FFFFFF", процентами -"80% ,20% ,0%" или в десятичной системе - "245, 0, 20".

Background

Свойства	background
Значения	transparent, <color>, <URL>, <repeat>, <scroTl>, <posltion>
Значение по умолчанию	transparent
Поддерживается	Всеми элементами
Работает ли механизм наследования	Нет
Возможна ли процентная запись	Да (относительно размера самого элемента)

Определяет параметры фона документа. Transparent означает отсутствие фона. Вы можете использовать для фона либо цвет, либо картинку с заданным адресом URL. Адрес может быть абсолютным или относительным, но обязательно должен быть заключен в скобки и располагаться непосредственно за словом url: BODY { background: url (http://mumu.com/image/picture.gif) } Можно использовать и цвет фона, и картинку. В таком случае картинка будет лежать поверх цветного фона. Цвет может быть либо чистым, либо смешанным из двух. Картинка имеет несколько настроек: <repeat> может иметь значения repeat, repeat -х, repeat-у и no-repeat; если эти значения не указаны, значением по умолчанию является repeat; <scroll> определяет при прокручивании страницы, будет ли картинка оставаться на месте или прокручиваться вместе с ней; возможные значения: fixed, scroll; <position> определяет расположение картинки на странице; значения могут быть процентными (горизонтальное, вертикальное), абсолютным расстоянием (горизонтальное, вертикальное) или определенными с помощью ключевых слои (допустимые значения: top, middle, bottom, left, center, right). Также есть возможность определить свойства фона по частям:

background-attachment

Свойства	backgroundAttachment
Значения	fixed, scroll
Значение по умолчанию	scroll
Поддерживается	Всеми элементами
Работает ли механизм наследования	Нет
Возможна ли процентная запись	Нет

Определяет, будет или нет фоновая картинка прокручиваться при прокрутке страницы.

background-color

Свойства	backgroundСolor
Значения	transparent, <color>
Значение по умолчанию	transparent
Поддерживается	Всеми элементами
Работает ли механизм наследования	Нет
Возможна ли процентная запись	Нет

Определяет цвет фона. Может быть один цвет или два смешанных цвета. Цвет задается названием (например, green) или номером по шкале RGB. Это значение может быть задано несколькими способами: в шестнадцатеричной системе например "#FFFFFF", процентами - "80%, 20%, 0%" или в десятичной системе "255,0,0". Синтаксис для использования двух смешанных цветов такой: BODY { background-color: red/blue }

background-image

Свойства	backgroundimage
Значения	<URL>,none
Значение по умолчанию	none
Поддерживается	Всеми элементами
Работает ли механизм наследования	Нет
Возможна ли процентная запись

СПРАВОЧНИК HTML ТЕГОВ