Краткий справочник по тегам HTML
Обозначения
Элементы HTML:
Возможные значения |
|
MIME-тип |
MIME-тип файла для связанных или вложенных ресурсов. |
URL |
Абсолютный или относительный адрес URL. |
дата-время |
Дата и время в формате ГГГГ-ММ-ДДТчч:мм:ссУВЗ, где ГГГГ — 4-значный год, ММ — 2-значный номер месяца (01-12), ДД — двузначный номер дня (01-31), "T" латинская прописная — разделитель, чч — двузначный номер часа (00-23), мм — двузначный номер минуты (00-59), cc — двузначный номер секунды (00-59), УВЗ — указатель временной зоны. Неизвестные компоненты даты и времени заменяются на 00. Указатель временной зоны Z обозначает время по Гринвичу, +чч:мм — положительную разницу с Гринвичем в часах и минутах, -чч:мм — аналогичную отрицательную разницу |
пикселы |
Целые положительные числа, задающие количество пикселов (например, 800) |
размер |
Целые положительные числа, задающие количество пикселов (например, 800), либо доли в процентах от размера по горизонтали или вертикали (например, 75%) |
текст |
Строка символов, возможно, включающая специальные символы. При отображении переносы строк игнорируются, символы перевода строки и табуляции заменяются на пробелы, начальные и конечные пробелы в значении атрибута игнорируются. Обычно значения зависят от регистра |
типы ссылок |
Список типов ссылок, разделенных пробелами. Тип ссылки не зависит от регистра и не может содержать пробелов. |
цвет |
Шестнадцатеричное число с префиксом # вида #RRGGBB, задающее RGB-код цвета, либо одно из символических имен цветов. Не зависит от регистра символов (см. также все цвета Интернет) |
число |
Десятичное число, состоящее хотя бы из одной арабской цифры |
| |
Выбор одного из нескольких возможных значений атрибута |
Тег |
Описание и атрибуты |
<a> |
Текстовый элемент. Его содержимое определяет положение якоря ссылки или закладки в документе. Применяется для создания закладок и гиперссылок. Может включать любые текстовые элементы, кроме <a>. |
<abbr> |
Текстовый элемент логического форматирования. Содержит маркировку аббревиатуры. Расшифровка задается атрибутом title="текст". |
<acronym> |
Текстовый элемент логического форматирования. Содержит маркировку акронима. Расшифровка задается атрибутом title="текст". |
<address> |
Содержит контактную информацию о документе (имена автора, адрес E-mail и т. д.). Может содержать другие текстовые элементы. |
<applet> |
Deprecated. Блочный элемент. Описывает апплет на языке Java. Содержимым являются один или несколько элементов <param>, за которыми следуют блочные и/или текстовые элементы, отображаемые, если апплет не запускается. <applet code="slideways.class" width="700" height="100"> <param name="Notice" value="Applet by www.BrainCode.com"> <param name="Direction" value="1"> <param name="LinkMode" value="0"> <param name="Image1" value="01.jpg"> <param name="Image2" value="02.jpg"> </applet> |
<area> |
Не имеет содержимого и закрывающей части. Определяет активную область изображения, чувствительную к нажатию мыши. |
<b> |
Текстовый элемент физического форматирования. Отображает содержимое полужирным шрифтом. |
<base> |
Не имеет содержимого и закрывающей части. Помещается в элементе <head>. Задает в обязательном атрибуте href базовый URL для данного документа, используемый браузером для приведения относительных URL к полным. |
<basefont> |
Deprecated. Не имеет содержимого и закрывающей части. Изменяет параметры базового шрифта, влияя на внешний вид всех последующих за ним элементов, кроме заголовков. Обязательный атрибут size имеет по умолчанию значение 3. |
<bdo> |
Текстовый элемент. Обязательным атрибутом dir определяет направление вывода текста. Может содержать любые текстовые элементы и содержаться в любых блочных и текстовых элементах. |
<bgsound> |
Фоновый звук (только IE, Opera). Нестандартен, не рекомендуется. |
<big> |
Текстовый элемент физического форматирования. Отображает содержимое крупным шрифтом. |
<blink> |
Создает мерцающий текст. Нестандартен. Не поддерживается Internet Explorer. Не рекомендуется к использованию Пример: <blink>этот текст мерцает</blink> |
Блочный элемент. Применяется для маркировки блочных цитат, состоящих из нескольких строк. Отображается как блок текста, сдвинутый вправо. Может содержать блочные элементы, но не может быть частью абзаца или текстового элемента. |
|
<body> |
Содержит HTML-элементы, предназначенные для отображения браузером. Задается в элементе <html> после элемента <head>. Атрибуты тега считаются устаревшими и должны заменяться на стили. |
<br> |
Не имеет содержимого и закрывающей части. Определяет разрыв строки. Может игнорироваться сразу за открывающей или непосредственно перед закрывающей частью тега. |
<button> |
Текстовый элемент, создает кнопку формы. Может содержать любые текстовые элементы, кроме <a>, <button>, <iframe>, <input>, <label>, <select>, <textarea> и любые блочные элементы, кроме <form> и <fieldset>. Может содержаться в любых текстовых и блочных элементах, кроме <button>. <button type="submit" name="submit" value="Отправить">Кнопка</button> |
<caption> |
Текстовый элемент. Определяет заголовок таблицы. Употребляется только как первый элемент внутри тега <table>. Может содержать только текстовые элементы. Расположение заголовка зависит от браузера. |
<center> |
Deprecated. Блочный элемент. Определяет блок, содержимое которого центрируется браузером по горизонтали. |
<cite> |
Текстовый элемент логического форматирования. Служит для выделения ссылок на названия книг, журналов, газет и других источников. По умолчанию отображается курсивом. |
<code> |
Текстовый элемент логического форматирования. Указывает на программный код. По умолчанию отображается телетайпным шрифтом. |
<col> |
Не имеет содержимого и закрывающей части. Позволяет группировать атрибуты для столбцов таблицы, не создавая их групп. Должен располагаться после элемента <caption> и перед элементом <thead>. Элементы <col> могут указываться как внутри <colgroup>, так и самостоятельно. |
<colgroup> |
Определяет группу столбцов таблицы. Закрывающая часть не обязательна. Содержимым тега являются нуль или более тегов <col>. Должен располагаться после элемента <caption> и перед элементом <thead>. <table width="90%" align="center" border="1" cellspacing="0"> <colgroup span="6" width="30" align="center" valign="middle"> </colgroup> <col width="1*" align="center" valign="middle"> <col width="3*" align="right" valign="bottom"> <tr> <th>Пн</th><th>Вт</th><th>Ср</th><th>Чт</th> <th>Пт</th><th>Сб</th> <th><font color="red">Вс</font></th> <td>Неделя</td> </tr> </table> |
<dd> |
Блочный элемент. Создает элемент списка определений <dl> (описание термина). Может содержать как текстовые, так и блочные элементы. Обычно определяемый тегом блок описания сдвигается браузером вправо. |
<del> |
Блочный или текстовый элемент. Означает удаление текста из документа. Способ отображения не определен. |
<dfn> |
Текстовый элемент логического форматирования. Указывает на определение термина. По умолчанию отображается курсивом. |
<dir> |
Устаревший элемент. Использовался вместо <ul>. |
<div> |
Блочный элемент. Предназначен для группировки элементов HTML-документа. Служит для задания стиля группы элементов. |
<dl> |
Блочный элемент. Содержит список определений. Содержимым является последовательность пар элементов <dt> и <dd>. Допускается давать несколько определений одному термину или сопоставлять одно определение нескольким терминам. <dl> <dt><strong>Браузер</strong> <dt><strong>Web-обозреватель</strong> <dd>Программа для просмотра web-страниц <dd>Cокращенно IE, MSIE - бесплатный графический браузер компании Microsoft, входящий в состав всех последних версий Windows |
<dt> |
Блочный элемент. Создает элемент списка определений <dl> (определение термина). Может содержать любые текстовые, но не блочные элементы. Обычно задаваемое тегом определение термина никак не выделяется визуально. |
<em> |
Текстовый элемент логического форматирования. Служит для смыслового выделения важных фрагментов текста. По умолчанию отображается курсивом. |
<embed> |
Блочный элемент, не имеет закрывающей части и содержимого. Описывает связанный с документом объект, является устаревающей альтернативой тегу <object>. Нестандартен, но широко поддерживается. <embed src="sound/rooster.wav" width="144" height="60" autostart="true" align="left" hspace="5" vspace="5"> |
<fieldset> |
Блочный элемент. Определяет группу управляющих элементов формы. Содержимое — элемент <legend>, задающий заголовок группы элементов, за которым могут располагаться любые блочные и/или текстовые элементы, включая другой тег <fieldset>. Тег может содержаться в элементах <blockquote>, <body>, <dd>, <del>, <div>, <fieldset>, <form>, <iframe>, <ins>, <li>, <map>, <noframes>, <noscript>, <object>, <td>, <th>. Пример: см. <form> |
<font> |
Блочный элемент. Задает параметры шрифта для отображения своего содержимого. <font size="5" color="gold" face="Arial">золотой цвет размера 5</font> |
<form> |
Блочный элемент. Используется для создания интерактивных форм, служит контейнером для управляющих элементов, образующих форму. Кроме управляющих элементов может содержать сценарии и любые блочные элементы, кроме <form>. Может содержаться в элементах <blockquote>, <body>, <button>, <dd>, <del>, <div>, <fieldset>, <form>, <iframe>, <ins>, <li>, <map>, <noframes>, <noscript>, <object>, <td>, <th>. Атрибуты: <form name="form1" action="mailto:email@address.com" method="post" enctype="text/plain"> <fieldset> <legend>Личная информация</legend> <label>Введите Ваше имя: <input type="text" name="name" maxlength="20" size="10" value=""> </label> </fieldset> <fieldset> <legend>Пожалуйста, оцените мой сайт</legend> <label>Общая оценка: <select name="ball" size="1"> <option value="5" selected>отлично!</option> <option value="4">хорошо для начала</option> </label> </fieldset> <br><input type="submit" value="Oтправить"> </form> |
<frame> |
Не имеет содержимого и закрывающей части. Определяет фрейм, т. е. независимое прямоугольное подокно внутри окна браузера. Содержится внутри элемента <frameset>, прямо или косвенно определяющего размеры окна. |
<frameset> |
Блочный элемент. Описывает разбиение окна обозревателя на фреймы, употребляется вместо элемента <body> и располагается сразу после <head>. Состоит из одного или нескольких элементов <frameset> или <frame>, может содержать элемент <noframes>. <frameset rows="40,*" frameborder="1"> <frame src="reclama.html" name="top" scrolling="no" noresize> <frameset cols="128,*" frameborder="1"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="index.html" name="main" scrolling="yes"> <noframes> |
Блочные элементы. Создают заголовки от первого до шестого уровня включительно. Все параметры отображения заголовков можно изменить через стили. |
|
<head> |
Содержит информацию об общих свойствах документа. Задается в элементе <html> перед элементом <body>. Не отображается браузерами. Может включать в себя элементы <title>, <meta>, <base>, <link>, <style>, <script>. |
<hr> |
Не имеет содержимого и закрывающей части. Блочный элемент. Создает горизонтальную черту, обычно используемую в качестве разделителя. <hr size="3" width="90%" align="center" color="red" noshade> |
<html> |
Указывает, что последующий документ является HTML–документом. Включает в себя все остальное содержимое документа. <title>HTML. Самое необходимое</title> <body bgcolor="#FFFFFF" text="#000000" link="#0000FF" alink="#FF0000" vlink="#800080"> <p>Содержимое документа |
<i> |
Текстовый элемент физического форматирования. Отображает содержимое курсивом. |
<iframe> |
Текстовый элемент. Определяет вложенный фрейм. Может содержаться в текстовых и блочных элементах. Может содержать текстовые и блочные элементы, отображаемые только в случае, если браузер не поддерживает фреймы. <iframe name="links" src="links.html" frameborder="1" align="left" width="170" height="100"> <p><i>Извините, Ваш браузер не поддерживает плавающие фреймы.<br>Это окно адресует документ <a href="links.html" target="_blank">links.html</a></i></p></iframe> |
<img> |
Не имеет содержимого и закрывающей части. Указывает точку вставки в документ рисунка. Может содержаться в любых текстовых и блочных элементах, кроме <pre>. <img src="images/picture.jpg" width="600" height="400" align="center" hspace="4" vspace="4" alt="Рисунок"> |
<input> |
Не имеет содержимого и закрывающей части. Создает управляющий элемент формы, предназначенный для ввода данных пользователем. Может содержаться в любых блочных или текстовых элементах, кроме <button>. Многими браузерами отображается только внутри элемента <form>. <form method="post" action="mailto:email@domain.com> <p>Ваше имя: <input name="name" type="text" maxlength="40" size="40" value=""> <p>Ваш пол: <input type="radio" name="pol" value="male">Мужской <input type="radio" name="pol" value="female">Женский <p>Какие языки программирования Вы знаете? <input type="checkbox" name="c" value="yes">Си <p>Напишите несколько слов о себе: <p><input type="submit" value="Отправить"> <input type="reset" value="Очистить"> </form> |
<ins> |
Блочный или текстовый элемент. Означает вставку нового текста в документ. Способ отображения не определен. |
<isindex> |
Deprecated. Устаревший элемент. Использовался вместо <input type="text">. |
<kbd> |
Текстовый элемент логического форматирования. Указывает на текст, вводимый пользователем с клавиатуры. По умолчанию отображается телетайпным (моноширинным) шрифтом. |
<label> |
Текстовый элемент. Создает текстовую метку для другого элемента формы. Содержимым могут быть любые текстовые элементы, кроме <label>. Может содержаться в любых блочных и текстовых элементах, кроме <button>. Связывается с другим элементом формы атрибутом for="id элемента" или размещением соответствующего элемента в качестве содержимого тега. |
<legend> |
Текстовый элемент. Задает заголовок группы элементов. Может содержать любые текстовые элементы и употребляться только в начале элемента <fieldset>. |
<li> |
Блочный элемент. Определяет один элемент списка в теге <ul> или <ol>. Закрывающая часть необязательна. Как правило, браузер автоматически переводит строку перед каждым элементом списка. |
<link> |
Не имеет содержимого и закрывающей части. Определяет взаимосвязь между документами. Помещается в элементе <head>. <link rel="stylesheet" type="text/css" href="style.css"> <link href="mailto:webmaster@domain.com" rev=made"> |
<listing> |
Deprecated. Устаревший элемент. Использовался вместо <pre>. |
<map> |
Создает графическую клиентскую карт ссылок. Содержимым могут быть либо элементы <area>, либо любые блочные элементы. Употребляется совместно с элементами <img>, <object> или <input>, загружающими графический образ. Обязательный атрибут name="текст" содержит название карты, используемое в атрибуте usemap тега графического образа. <map name="map1"> <area shape="circle" coords="50,50,50" href="1.html"> <area shape="poly" coords="50,200,200,264,400,0,50,200" href="2.html"> <area shape="rect" coords="0,270,399,299" href="3.html"> </map> <img src="img/html_map.gif" width="400" height="300" border="1" usemap="#map1"> |
<marquee> |
Создает бегущую строку текста. Нестандартен, поддерживается не всеми браузерами, не рекомендуется. Атрибут behavior со значением "scroll", "slide" или "alternate" управляет поведением строки. <center><marquee behavior="alternate" bgcolor="green" direction="right" loop="infinite" width="90%" height="50" hspace="5" vspace="5"> Бегущая строка текста</marquee></center> |
<menu> |
Deprecated. Устаревший элемент. Использовался вместо <ul>. |
<meta> |
Не имеет содержимого и закрывающей части. Обычно размещается в элементе <head>. Содержит метаописатели общих свойств документа в виде <meta name="свойство" content="значение"> или <meta http–equiv="Заголовок сообщения HTTP" content="значение">. <meta name="Author" content="А.С. Пушкин" lang="ru"> <meta http-equiv="Expires" content="Sun, 6 Jan 2008 09:00:00 GMT"> |
<nobr> |
Текстовый элемент. Указывает, что содержащийся в нем текст должен отображаться без разрывов строк. Нестандартен, но широко поддерживается. |
<noframes> |
Блочный элемент. Задает альтернативное содержание фреймового документа для браузеров, не поддерживающих фреймы. Располагается в конце тела документа перед закрывающей частью </frameset>. Может содержать любые элементы, допустимые внутри тега <body>. |
<noscript> |
Блочный элемент. Обычно указывается после закрывающей части тега </script>. Определяет альтернативное содержимое для случаев, когда обозреватель не может исполнить ранее указанный сценарий. Может содержать любые элементы разметки содержимого. |
<object> |
Блочный элемент. Обеспечивает включение в документ объектов различных типов. Может содержаться в заголовке документа и любых текстовых или блочных элементах, кроме <pre>. Содержимым тега являются элементы <param>, за которыми могут следовать текстовые или блочные теги. Все теги, следующие за <param>, задают альтернативное содержимое, отображаемое, если браузер не поддерживает указанный тип объектов. <object type="image/jpeg" data="images/photo1.jpg" width="230" height="240" >Мое фото</object> <object classid="clsid:978C9E23-D4B0-11CE-BF2D-00AA003F40D0" id="label1" width="500" height="100" align="middle"> К сожалению, ваш браузер не поддерживает ActiveX</object> |
<ol> |
Блочный элемент. Определяет нумерованный список. Содержимое — один или более элементов <li>. Элементы списка обычно отображаются с отступом вправо и с номером перед началом элемента. |
<optgroup> |
Текстовый элемент. Задает группу элементов списка. Используется внутри элемента <select>. Может содержать только элементы <option>. <select name="news" size="5" multiple> <optgroup label="Технические новости"> <option value="server" selected>Новости сервера <option value="soft">Програмнное обеспечение <optgroup label="Прочее"> <option value="weather" selected>Прогноз погоды <option value="tv">Программа ТВ </optgroup> </select> |
<option> |
Текстовый элемент. Описывает один элемент списка. Размещается внутри элемента <select>. Может содержать только обычный текст, включая специальные символы. Содержимое тега отображается браузером как элемент списка. |
<p> |
Блочный элемент. Определяет абзац текста. Обычно абзац отделяется браузерами пустой строкой. |
<param> |
Не имеет содержимого и закрывающей части. Один или несколько тегов <param> могут находиться только в начале тегов <object> и <applet> для задания начальных значений параметров объекта в виде name="value". |
Устаревший элемент. Использовался вместо <pre>. |
|
<pre> |
Блочный элемент. Содержит предварительно отформатированный текст, выводимый шрифтом фиксированной ширины без сжатия пробелов и автоматического переноса слов на следующую строку. Применяется для вывода текстов, в которых размещение слов в строках имеет существенное значение. |
<q> |
Текстовый элемент логического форматирования. Служит для выделения коротких цитат в основном тексте. |
<s> |
Deprecated. Текстовый элемент физического форматирования. Отображает содержимое перечеркнутым шрифтом. |
<samp> |
Текстовый элемент логического форматирования. Указывает на вывод результатов работы программы. По умолчанию отображается телетайпным (моноширинным) шрифтом. |
<script> |
Определяет сценарий, выполняемый на стороне клиента. Тег может содержаться в элементе <head>, а также в любых текстовых и блочных элементах внутри тега <body>. Cодержимым тега может быть сценарий на языке программирования, заданном атрибутом type (обычно type="text/javascript"). <script type="text/javascript" src="scripts/script1.js"></script> |
<select> |
Текстовый элемент. Создает интерфейсный элемент формы, предназначенный для выбора значений из списка. Отображается в виде выпадающего меню (при size="1") или многострочного списка. Содержимым тега могут быть только теги <optgroup> и <option>, определяющие элементы списка. Тег может содержаться в любых блочных и текстовых элементах, кроме <button>. |
<small> |
Текстовый элемент физического форматирования. Отображает содержимое мелким шрифтом. |
<span> |
Текстовый элемент. Предназначен для группировки элементов HTML–документа. Используется для задания стиля группы элементов. |
<strike> |
То же, что <s>. |
<strong> |
Текстовый элемент логического форматирования. Служит для сильного смыслового выделения важных фрагментов текста. По умолчанию отображается полужирным шрифтом. |
<style> |
Включает в документ внутренние таблицы стилей. Обычно размещается в теге <head>. Обязательный атрибут type указывает на язык описания стилей (в настоящее время всегда задается type="text/css"). <style type="text/css"> P { font-family: serif, sans-serif; color: #000000; font-size: 12pt; text-align: justify; } |
<sub> |
Текстовый элемент физического форматирования. Отображает содержимое подстрочным шрифтом. |
<sup> |
Текстовый элемент физического форматирования. Отображает содержимое надстрочным шрифтом. My 1<sup>st</sup> HTML document |
<table> |
Блочный элемент, определяющий таблицу. Может содержать теги заголовка таблицы (<caption>), группирования столбцов (<colgroup>, <col>), выделения строковых секций (<thead>, <tfoot>, <tbody>), отдельных строк (<tr>) и ячеек (<th>, <td>). Ячейки таблиц <td> и <th> могут содержать текст, графические образы, гиперссылки, формы, другие таблицы. <table align="center" border="1" cellpadding="4" cellspacing="0"> <caption>Заголовок таблицы</caption> <tr bgcolor="yellow" align="center"> <th>Cтрока заголовка, столбец 1</th> |
<tbody> |
Блочный элемент. Определяет группу строк тела таблицы. Содержимое элемента — один или несколько тегов <tr>. <table border="1"> <thead><tr> <th>Заголовок 1</th> <th>Заголовок 2</th> </tr></thead> <tfoot><tr> <th>Итог 1</th> <th>Итог 2</th> </tr></tfoot> <tbody><tr> |
<td> |
Блочный элемент. Определяет одну ячейку данных таблицы. Содержимым тега могут быть как блочные, так и текстовые элементы. Располагается внутри тега <tr>. |
<textarea> |
Текстовый элемент. Создает многострочное поле ввода данных. Содержимым может быть обычный текст, включая специальные символы. Этот текст становится начальным отображаемым в поле значением. Тег может содержаться в любых блочных и текстовых элементах, кроме <button>. |
<tfoot> |
Блочный элемент. Определяет группу строк подзаголовка таблицы. Содержимое элемента — один или несколько тегов <tr>. Поддерживается рядом браузеров некорректно. |
<th> |
Блочный элемент. Определяет одну заголовочную ячейку таблицы. Содержимым тега могут быть как блочные, так и текстовые элементы. Располагается внутри тега <tr>. Содержимое может по умолчанию выводиться полужирным шрифтом. |
<thead> |
Блочный элемент. Определяет группу строк надзаголовка таблицы. Содержимое элемента — один или несколько тегов <tr>. Поддерживается рядом браузеров некорректно. |
<title> |
Содержит текст, отображаемый в строке заголовка окна браузера. Размещается в элементе <head>. Текст заголовка может содержать специальные символы, но не другие элементы. |
<tr> |
Блочный элемент. Определяет одну строку таблицы. Содержимое — один или несколько тегов <th> и <td>. |
<tt> |
Текстовый элемент физического форматирования. Отображает содержимое телетайпным (моноширинным) шрифтом. |
<u> |
Deprecated. Текстовый элемент физического форматирования. Отображает содержимое подчеркнутым шрифтом. |
<ul> |
Блочный элемент. Определяет маркированный список. Содержимым являются один или более элементов <li>. Элементы списка обычно отображаются с отступом вправо и с маркером перед началом элемента. <li><a href="http://www.opera.com/download/" target="_blank">Opera</a> <li><a href="http://www.getfirefox.net/" target="_blank">Mozilla Firefox</a> </ul> |
<var> |
Текстовый элемент логического форматирования. Применяется для выделения имен переменных и аргументов программ. По умолчанию отображается курсивом. |
<wbr> |
Не имеет конечного тега и содержимого. Употребляется только внутри элемента <nobr>, указывая, что в этом месте возможен разрыв строки. Нестандартен, но широко поддерживается. |
<xmp> |
Deprecated. Устаревший элемент. Использовался вместо <pre>. |