Описание команд HTML
Замечание 1. Как правило, при указании размеров объекта задание просто числа означает размер в пикселах (точках отображения на мониторе), число со знаком "%" означает размер, выраженный в процентном отношении, число со знаком "*" означает размер, выраженный в долях единицы (пропорцию).
ОСНОВНЫЕ МЕТКИ, ЗАДАЮЩИЕ СТРУКТУРУ ДОКУМЕНТА
|
<!DOCTYPE ..... >
|
Декларирование типа документа |
Используется для указания, с каким стандартом HTML совместим документ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<HTML>
|
Тип структуры - HTML |
начало структуры HTML |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<HEAD> |
Начало описания документа |
Раздел описания документа может включать метки <TITLE>, <META>, <BASE> и <LINK> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<TITLE> ..... </TITLE> |
Имя документа |
то, что будет считаться заголовком (названием) документа |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<META |
Мета-информация |
служит для указания:
а) технической информации о документе
б) информации о содержании документа |
|
|
|
|
|
|
HTTP-EQUIV="имя" CONTENT="значение" |
Информация для HTTP-сервера:
присвоить какое-либо значение какому-либо заголовку |
|
|
|
|
|
|
|
Например, если задать:
<META HTTP-EQUIV="Expires"
CONTENT="Tue, 04 Dec 1993 21:29:02 GMT">
<meta http-equiv="Keywords" CONTENT="Fred">
<META HTTP-EQUIV="Reply-to"
content="fielding@ics.uci.edu (Roy Fielding)">
<Meta Http-equiv="Keywords" CONTENT="Barney">
то HTTP-сервер на запрос GET или HEAD включит в ответ следующую информацию:
Expires: Tue, 04 Dec 1993 21:29:02 GMT
Keywords: Fred, Barney
Reply-to: fielding@ics.uci.edu (Roy Fielding)
Если вы хотите, чтобы программа просмотра HTML-страниц при загрузке вашей страницы автоматически переключилась на русский язык в кодировке ISO-8859-5, укажите в заголовке:
<META HTTP-EQUIV="Content-Type"
CONTENT="txt/html;charset=ISO-8859-5">
|
|
|
|
|
|
|
NAME="имя" CONTENT="значение" |
Задание мета-переменной и присвоение ей значения |
Задание мета-информации о документе.
Поисковые службы (AltaVista, InfoSeek и др.) судят по ней о содержании документа. |
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<LINK ..... > |
Указания о гиперсвязях данного документа |
Указываемые атрибуты - такие же, как у метки <A> (крючок, anchor). Служит для указания не связей, а отношений между документами. |
|
|
|
|
|
|
|
|
Используется для указания авторства документа,
для указания иерархических связей с другими документами,
для указания на другие имеющие отношение к документу ресурсы |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<BASE |
Задание базового адреса |
|
|
|
|
|
|
|
HREF="URI" |
Задание базового адреса для ссылок |
Адрес, от которого отсчитываются локальные ссылки внутри документа |
|
|
|
|
|
|
TARGET="имя окна" |
Задание базового имени окна |
В какое окно загружать вызываемые документы |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ISINDEX= > |
Указатель поиска по ключевым словам |
Говорит о том, что заданные для просмотра ключевые слова должны добавляться к базовому URI документа (отделяясь от него "?", соединяясь "+") - в таком документе можно осуществлять поиск с помощью CGI-сценария. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</HEAD> |
Конец описания документа |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<BODY |
Начало документа |
указываются установки для показа документа |
|
|
|
|
|
|
BACKGROUND="URL" |
Фоновая картинка |
в кавычках указывается URL картинки (.gif или .jpg) |
|
|
|
|
|
|
BGCOLOR="#$$$$$$" |
Цвет фона |
в кавычках указывается номер цвета |
|
|
|
|
|
|
TEXT="#$$$$$$" |
Цвет текста |
|
|
|
|
|
|
|
LINK="#$$$$$$" |
Цвет ссылки |
|
|
|
|
|
|
|
VLINK="#$$$$$$" |
Цвет уже просмотренной ссылки |
|
|
|
|
|
|
|
ALINK="#$$$$$$" |
Цвет активной ссылки |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</BODY>
Конец документа
</HTML>
Конец структуры HTML
Задание цвета
|
Цвет задается в шестнадцатиричной
системе счисления шестью цифрами
(от 0 до F)
первые две цифры - красный цвет
следующие две цифры - зеленый цвет
последние две цифры - синий цвет
000000 - черный, FFFFFF - белый |
Цвет 000000 (Black) |
Цвет FF0000 (Red)
Цвет 00FF00 (Lime)
Цвет 0000FF (Blue)
Цвет 008080 (Teal)
Цвет C0C0C0 (Silver)
Цвет 800000 (Maroon)
Цвет 008000 (Green)
Цвет 000080 (Navy)
Цвет 800080 (Purple)
Цвет 808080 (Gray)
Цвет 00FFFF (Aqua)
Цвет FF00FF (Fuchsia)
Цвет FFFF00 (Yellow)
Цвет 808000 (Olive)
ЗАДАНИЕ РАЗБИЕНИЯ НА ОКНА
|
<FRAMESET> |
Задание рамок для окон |
Задается разбиение рабочего поля программы просмотра на окна.
В документе, задающим разделение, не должно быть указано <BODY> - иначе FRAMESET игнорируется |
|
|
|
|
|
|
ROWS="список значений" |
Задание разбиения по вертикали |
Через запятую указывается ширина секций. Если задано просто числа - в пикселах, если число со знаком % - в процентах от рабочего поля документа в программе просмотра, если указано * - все остальное свободное поле (оставшееся после процентов и пикселов). Например:
ROWS="30%,*,100"
задает разбиение на три секции - одна шириной 30% поля просмотра документа, одна шириной 100 пикселов, одна - занимает оставшееся пространство. |
|
|
|
|
|
|
COLS="список значений" |
Задание разбиения по горизонтали |
Задается аналогично разбиению по вертикали. |
|
|
|
|
|
|
КАЖДАЯ СЕКЦИЯ МОЖЕТ ДРОБИТЬСЯ ДАЛЕЕ |
|
<FRAME |
Описание окна просмотра |
|
|
|
|
|
|
|
SRC="URL" |
Задание содержимого окна |
Указывается, какой документ поместить в окно просмотра, получившееся в результате разбиения рабочего поля на секции |
|
|
|
|
|
|
NAME="имя окна" |
Задание имени окна |
Используется для отсылок из других окон - см. TARGET |
|
|
|
|
|
|
MARGINWIDTH="число" |
Ширина отступа |
Задание ширины отступа от границ окна при просмотре документа |
|
|
|
|
|
|
SCROLLING="yes | no | auto" |
Наличие линейки прокрутки |
По умолчанию - auto, то есть наличие линейки прокрутки, если документ не умещается в отведенном окне. |
|
|
|
|
|
|
NORESIZE |
Запретить изменение размеров окна |
По умолчанию, при просмотре документа можно изменять размеры окна |
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
</FRAMESET> |
Конец описания разбиения на секции |
|
|
|
|
|
|
ГИПЕРСВЯЗИ
|
<A |
Крючок |
крючок для зацепления гиперсвязи; должно быть указано как минимум либо NAME либо HREF |
|
NAME="имя" |
Имя |
задание имени крючка (для отсылок к нему); имя (везде в дальнейшем) может состоять из букв A-Z, a-z, цифр и знаков "." и "-". |
|
HREF="URI" |
Отсылка |
Отсылка к другому крючку - указывается его URI (Uniform Resource Identifier). Если в URI имя крючка не указано - отсылка в начало адресованного документа. |
|
TITLE="имя" |
Название отсылки |
Название адресуемого ресурса - исключительно для комментария (не обязательно его настоящее название - если он его вообще имеет). Некоторые программы прсмотра показывают его при наведении курсора на объект, помеченный крючком (anchor). |
|
REL=имя имя ... имя |
Описание взаимоотношений |
указание взаимоотношений, задаваемых описываемой гиперсвязью |
|
|
MADE |
Указание авторства |
|
|
HOME |
Зарезервировано. Переменная среды пользователя. |
|
|
BACK |
Назад. Определяется просмотрщиком (browser) пользователя. |
|
|
FORWARD |
Вперед. Определяется просмотрщиком (browser) пользователя. |
|
|
CONTENTS либо TOC |
Содержание (Оглавление). |
|
|
INDEX |
Указатель (Индекс). |
|
|
NAVIGATION |
Для помощи в ориентировании (Навигация). |
|
|
CHILD |
Субординация - дочерний документ |
|
|
PARENT |
Субординация - более старший элемент |
|
|
SIBLING |
Субординация - смещанное родство (частично дочерний, частично более старший) |
|
|
TOP либо ORIGIN |
Субординация - наиболее старший элемент, вершина иерархического дерева. |
|
|
BEGIN либо FIRST |
Начало [иерархической] последовательности |
|
|
END либо LAST |
Конец последовательности |
|
|
NEXT |
Отсылка к следующему элементу последовательности |
|
|
PREVIOUS либо PREV |
Отсылка к предыдущему элементу последовательности |
|
|
BIBLIOENTRY |
Библиографическая отсылка (например, по отношению к цитате) |
|
|
BIBLIOGRAPHY |
Отсылка к библиографии |
|
|
CITATION |
Отсылка к цитате |
|
|
DEFINITION |
Определение (какого-л. термина) |
|
|
FOOTNOTE |
Отсылка к комментарию |
|
|
GLOSSARY |
Отсылка к глоссарию |
|
|
AUTHOR |
Отсылка к автору (URL его HomePage либо его самого) |
|
|
COPYRIGHT |
Отсылки к замечаниям по поводу авторского права на данный документ |
|
|
DISCLAIMER |
Отсылка к замечаниям по поводу отказа от прав |
|
|
META |
(без комментария) |
|
|
PUBLISHER |
Отсылка к Издателю данного документа |
|
|
TRADEMARK |
Отсылка к замечаниям относительно торговой марки |
|
|
POINTER |
(без комментария) |
|
|
STYLESHEET |
Отсылка к таблице стилей |
|
|
TRANSLATION |
Отсылка к переводу данного документа на другой язык |
|
|
URC |
Отсылка к Uniform Resource Catalogue данного документа |
|
REV=имя имя ... имя |
Описание обратных взаимоотношений |
указание взаимоотношений, задаваемых гиперсвязями, ведущими к описываемому крючку |
|
URN="URN" |
Более точная отсылка |
в случае указания используется вместо URI крючка отсылки |
|
METHOD=имя имя ... имя |
Указание метода доступа |
указание метода доступа к адресуемому документу |
|
ID="имя" |
Идентификатор |
идентификатор внутри данного документа |
|
CLASS=имя имя ... имя |
Класс |
чтобы в различных ситуациях одна и та же отсылка приводила в различные места. |
|
LANG=имя-имя-...-имя; |
Указание языка |
для указания языка адресуемого документа - в соответствии со стандартом обозначения языков (не стран!) |
|
DIR=RTL | LTR |
Направление написания |
В разных языках возможно различное написание текста:
LTR - написание слева направо
RTL - написание справа налево |
|
TARGET="имя окна" |
Указание загружать указываемый документ в другое окно |
Зарезервированные имена:
_blank - документ загружается в новое безымянное окно
_self - документ загружается в то же окно, из которого вызван (например, несмотря на указание TARGET в BASE)
_parent - загрузить FRAMESET более старшего (PARENT) по отношению к вызываемому документа; если более старшего документа нет (или он не описан) - действие аналогично "_self"
_top - использовать для документа все рабочее поле программы просмотра (отменяя все указания FRAME) |
|
> |
|
|
ВСПОМОГАТЕЛЬНЫЕ (СЛУЖЕБНЫЕ)
|
<! ... > |
Комментарий |
текст, который не будет показан при просмотре документа |
|
|
|
|
|
<ADDRESS>...</ADDRESS> |
Адрес автора |
для указания адреса автора (и авторства) документа |
РАЗМЕТКА ДОКУМЕНТА
|
<HR |
Горизонтальный разделитель |
горизонтальная черта |
|
NOSHADE |
Просто линия |
без трехмерных эффектов |
|
SIZE= |
Толщина |
(в точках) |
|
WIDTH= |
Ширина (длина) |
(в точках) |
|
ALIGN=RIGHT|LEFT|CENTER |
Выравнивание |
|
|
> |
|
|
ТАБЛИЦЫ
|
<TABLE |
Задание таблицы |
|
|
ID="имя" |
Имя таблицы |
Идентификатор таблицы в рамках данного документа. Имя может состоять из латинских букв, цифр и знаков "-" и "." |
|
CLASS="список классов" |
Указание класса |
Задается класс/классы (разделенные пробелом), к которым относится данная таблица. Рекомендуется сортировать их по важности/старшинству слева направо. Используется, например, для применения стилей. |
|
LANG="имя" |
Указание языка |
Язык указывается двубуквенным обозначением по стандарту ISO-639, через "-" можно указать двубуквенное обозначение страны по стандарту ISO-3166 |
|
DIR="RTL | LTR" |
Направление расположения |
Направление расположения колонок: RTL - справа налево, LTR - слева направо. |
|
ALIGN= |
Выравнивание |
Выравнивание содержимого ячеек таблицы. Возможные значения: LEFT (влево), CENTER (центрировано), RIGHT (вправо), CHAR (по определенному символу), JUSTIFY (по правому и левому краю одновременно - не поддерживается большинством программ просмотра) |
|
VALIGN= |
Выравнивание по вертикали |
Выравнивание содержимого ячеек таблицы по вертикали. Возможные значения: TOP (вверх), BOTTOM (вниз), MIDDLE (по середине), BASELINE (все ячейки строки с выравниванием BASELINE будут выровнены по одной линии) |
|
CHAR="символ" |
Задание символа для выравнивания |
Используется в случае, если указано ALIGN=CHAR. По умолчанию значение соответствует разделителю десятичных дробей для языка, указанного в LANG (для английского - ".", для русского - ","). |
|
CHAROFF= |
На случай отсутствия символа выравнивания |
Задается отступ для случая, если в ячейке не оказалось символа, по которому производится выравнивание - в пикселах или в процентах ширины ячейки. |
|
WIDTH= |
Ширина таблицы |
Задается в пикселах (указывается просто число) или в процентах от ширины поля просмотра (после числа указан знак %). |
|
COLS= |
Число колонок в таблице |
Если указано, то программа просмотра не будет ждать загрузки всей таблицы для ее показа |
|
BORDER= |
Ширина обрамления |
Ширина обрамления ячеек таблицы - в пикселах |
|
FRAME= |
Какая сторона окна должна быть представлена |
Возможные значения: VOID (никакая), ABOVE (верхняя), BELOW (нижняя), HSIDES (верхяяя и нижняя), LHS (левая), RHS (правая), VSIDES (вправо и влево), BOX (все четыре стороны), BORDER (все четыре стороны). |
|
CELLSPACING= |
Отступ ячейки |
Задается отступ (в пикселах) между условной решеткой, разграничающей ячейки таблицы, и самими ячейками |
|
CELLPADDING= |
Отступ в ячейке |
Задается отступ (в пикселах) между границами ячейки и ее содержимым |
|
RULES= |
Прочертить границы между ячейками |
Не совместимо с указанием BORDER=
Возможные значения:
NONE - не отображать границы. То же самое, что BORDER=0
GROUPS - отчертить группы (заданные посредством THREAD, TFOOT, TBODY, COLGROUP)
ROWS - отчертить строки таблицы
COLS - отчертить колонки таблицы
ALL - отчертить все элементы таблицы |
|
BGCOLOR= |
Цвет фона |
Цвет фона ячеек таблицы |
|
> |
|
Далее следует таблица |
|
<CAPTION |
Заголовок таблицы |
Текст непосредственно над таблицей |
|
ID= |
Имя таблицы |
См. TABLE |
|
CLASS= |
Указание класса |
См. TABLE |
|
LANG= |
Указание языка |
См. TABLE |
|
DIR= |
Направление расположения |
См. TABLE |
|
ALIGN= |
Выравнивание |
Возможные значения:
TOP - по верхнему краю
BOTTOM - по нижнему краю
LEFT - по левому краю
RIGHT - по правому краю |
|
> |
|
Далее следует текст заголовка |
|
</CAPTION> |
|
|
|
<COLGROUP |
Задание объединения колонки/колонок в группу |
Используется для присвоения каких-либо атрибутов отдельной колонке таблицы. Если COLGROUP не задано, считается, что все колонки таблицы образуют одну группу. |
|
ID= |
Имя (идентификатор) |
См. TABLE |
|
CLASS= |
Указание класса |
См. TABLE |
|
LANG= |
Указание языка |
См. TABLE |
|
DIR= |
Направление расположения |
См. TABLE |
|
SPAN= |
Число колонок в группе |
Задается, сколько колонок объединяется в группу. Этот параметр игнорируется, если в группе описано COL |
|
WIDTH= |
Ширина группы |
Задается в пикселах (указывается число) или в долях ширины таблица (например: 0.5* - половина ширины) |
|
ALIGN= |
Выравнивание |
См. TABLE |
|
VALIGN= |
Выравнивание по вертикали |
См. TABLE |
|
CHAR= |
Символ выравнивания |
См. TABLE |
|
CHAROFF= |
При отсутствии символа выравнивания |
См. TABLE |
|
> |
|
|
|
|
|
|
|
</TABLE> |
Конец таблицы |
|
РАЗМЕТКА ТЕКСТА
|
<P |
Параграф (абзац) |
|
|
ALIGN=LEFT|RIGHT|CENTER |
выравнивание параграфа |
влево | вправо | центрирован |
|
>
..... |
(текст) |
|
|
</P> |
|
закрывать (ставить </P>) не обязательно |
|
|
|
|
|
<BR |
Новая строка |
текст параграфа начать с новой строки |
|
CLEAR=LEFT|RIGHT|ALL> |
отменить для этой строки выравнивание |
|
|
|
|
|
|
<PRE> ... </PRE> |
Форматированный текст |
Не форматировать текст - показывать как есть (конечно же, моноширинным шрифтом) |
|
|
|
|
|
<BLOCKQUOTE> ... </BLOCKQUOTE> |
Блок цитирования |
Блок текста, представляющий собой цитату |
|
|
|
|
|
<H?> ... </H?> |
Заголовок, подзаголовок |
Шесть уровней: H1, H2, H3, H4, H5, H6 |
|
|
H1 - Образец ТЕКСТА
H2 - Образец ТЕКСТА
H3 - Образец ТЕКСТА
H4 - Образец ТЕКСТА
H5 - Образец ТЕКСТА
H6 - Образец ТЕКСТА |
ОТОБРАЖЕНИЕ ТЕКСТА
|
<FONT |
Параметры шрифта |
|
|
COLOR="#$$$$$$" |
Цвет шрифта |
Разноцветные буквы |
|
SIZE=$ |
Размер шрифта: |
(от 1 до 7; по умолчанию =3) |
|
|
SIZE=1 |
Образец написания |
|
|
SIZE=2 |
Образец написания |
|
|
SIZE=3 |
Образец написания |
|
|
SIZE=4 |
Образец написания |
|
|
SIZE=5 |
Образец написания |
|
|
SIZE=6 |
Образец написания |
|
|
SIZE=7 |
Образец написания |
|
SIZE="+|-$"
|
Изменить размер шрифта
|
SIZE="+2" - увеличить размер на 2
SIZE="-1" - уменьшить размер на 1 |
|
|
|
|
|
<BASEFONT SIZE= > |
Задание базового размера шрифта |
(по умолчанию =3) |
|
|
|
|
|
<B>...</B> |
Жирный |
|
|
|
|
|
|
<I>...</I> |
Курсив |
|
|
|
|
|
|
<SUP>...</SUP> |
Надстрочный |
приподнятый над основным текстом |
|
|
|
|
|
<SUB>...</SUB> |
Подстрочный |
опущенный ниже основного текста |
|
|
|
|
|
<BLINK>...</BLINK> |
Мигающий (только NN) |
(многими осуждаемая возможность) |
|
|
|
|
|
<PRE>...</PRE> |
Сохранять форматирование |
показывать текст "как есть", не форматируя - конечно же, моноширинным шрифтом. |
|
|
|
|
|
<BIG>...</BIG> |
Укрупненный шрифт |
шрифт большего размера |
|
|
|
|
|
<SMALL>...</SMALL> |
Уменьшенный шрифт |
шрифт меньшего размера |
|
