| |
 | Навигация |
 | Пользователя |
Участников: 1378 Сообщений: 26 |
|
|
| | Описание команд 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>
|
Уменьшенный шрифт
|
шрифт >меньшего
размера
|
| |
|
|