Замечание 1.
Как правило, при указании размеров объекта задание просто числа означает размер в пикселах (точках отображения на мониторе), число со знаком "%" означает размер, выраженный в процентном отношении, число со знаком "*" означает размер, выраженный в долях единицы (пропорцию).
ОСНОВНЫЕ МЕТКИ, ЗАДАЮЩИЕ СТРУКТУРУ ДОКУМЕНТА
| <!DOCTYPE ..... >
|
Декларирование типа документа
|
Используется для указания, с каким стандартом HTML совместим документ |
|
| <HTML>
|
Тип структуры - HTML
|
начало структуры HTML |
|
| <HEAD>
|
Начало описания документа
|
Раздел описания документа может включать метки <TITLE>, <META>, <BASE> и <LINK> |
|
| <TITLE> ..... </TITLE>
|
Имя документа
|
то, что будет считаться заголовком (названием) документа |
|
| <META
|
Мета-информация
|
служит для указания: а) технической информации о документе б) информации о содержании документа |
|
| HTTP-EQUIV="имя
|
Информация для 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="имя
|
Задание мета-переменной и присвоение ей значения |
Задание мета-информации о документе. Поисковые службы (AltaVista, InfoSeek
|
|
| >
|
|||
| <LINK ..... >
|
Указания о гиперсвязях данного документа
|
Указываемые атрибуты - такие же, как у метки <A>
|
|
| Используется для указания авторства документа, для указания иерархических связей с другими документами, для указания на другие имеющие отношение к документу ресурсы |
|||
| <BASE
|
Задание базового адреса
|
||
| HREF="URI
|
Задание базового адреса для ссылок
|
Адрес, от которого отсчитываются локальные ссылки внутри документа |
|
| TARGET="имя
|
Задание базового имени окна |
В какое окно загружать вызываемые документы |
|
| <ISINDEX= >
|
Указатель поиска по ключевым словам
|
Говорит о том, что заданные для просмотра ключевые слова должны добавляться к базовому URI документа (отделяясь от него "?", соединяясь "+") - в таком документе можно осуществлять поиск с помощью CGI-сценария. |
|
| </HEAD>
|
Конец описания документа
|
||
| <BODY
|
Начало документа
|
указываются установки для показа документа
|
|
| BACKGROUND="URL
|
Фоновая картинка |
в кавычках указывается URL картинки (.gif или .jpg) |
|
| BGCOLOR="#$$$$$$" |
Цвет фона |
в кавычках указывается номер цвета |
|
| TEXT="#$$$$$$" |
Цвет текста |
||
| LINK="#$$$$$$" |
Цвет ссылки |
||
| VLINK="#$$$$$$" |
Цвет уже просмотренной ссылки |
||
| ALINK="#$$$$$$" |
Цвет активной ссылки |
||
| >
|
|||
|
|||
| </BODY>
|
Конец документа
|
||
| </HTML>
|
Конец структуры HTML
|
||
Задание цвета
|
ЗАДАНИЕ РАЗБИЕНИЯ НА ОКНА
| <FRAMESET>
|
Задание рамок для окон
|
Задается разбиение рабочего поля программы просмотра на окна. В документе, задающим разделение, не должно быть указано <BODY>
|
| ROWS="список значений
|
Задание разбиения по вертикали |
Через запятую указывается ширина секций. Если задано просто числа - в пикселах, если число со знаком % - в процентах от рабочего поля документа в программе просмотра, если указано *
ROWS="30%,*,100" задает разбиение на три секции - одна шириной 30% поля просмотра документа, одна шириной 100 пикселов, одна - занимает оставшееся пространство. |
| COLS="список значений
|
Задание разбиения по горизонтали |
Задается аналогично разбиению по вертикали. |
| КАЖДАЯ СЕКЦИЯ МОЖЕТ ДРОБИТЬСЯ ДАЛЕЕ
|
||
| <FRAME
|
Описание окна просмотра
|
|
| SRC="URL
|
Задание содержимого окна |
Указывается, какой документ поместить в окно просмотра, получившееся в результате разбиения рабочего поля на секции |
| NAME="имя окна
|
Задание имени окна |
Используется для отсылок из других окон - см. TARGET |
| MARGINWIDTH="число
|
Ширина отступа |
Задание ширины отступа от границ окна при просмотре документа |
| SCROLLING="yes | no | auto" |
Наличие линейки прокрутки |
По умолчанию - auto
|
| NORESIZE |
Запретить изменение размеров окна |
По умолчанию, при просмотре документа можно изменять размеры окна |
| >
|
||
| </FRAMESET>
|
Конец описания разбиения на секции
|
|
ГИПЕРСВЯЗИ
| <A
|
Крючок
|
крючок для зацепления гиперсвязи; должно быть указано как минимум либо NAME либо HREF |
| NAME="имя
|
Имя |
задание имени крючка (для отсылок к нему); имя
|
| HREF="URI
|
Отсылка |
Отсылка к другому крючку - указывается его URI
|
| TITLE="имя
|
Название отсылки |
Название адресуемого ресурса - исключительно для комментария (не обязательно его настоящее название - если он его вообще имеет). Некоторые программы прсмотра показывают его при наведении курсора на объект, помеченный крючком (anchor). |
| REL=имя
|
Описание взаимоотношений |
указание взаимоотношений, задаваемых описываемой гиперсвязью |
| MADE |
Указание авторства |
|
| HOME |
Зарезервировано. Переменная среды пользователя. |
|
| BACK |
Назад. Определяется просмотрщиком (browser) пользователя. |
|
| FORWARD |
Вперед. Определяется просмотрщиком (browser) пользователя. |
|
| CONTENTS либо
|
Содержание (Оглавление). |
|
| INDEX |
Указатель (Индекс). |
|
| NAVIGATION |
Для помощи в ориентировании (Навигация). |
|
| CHILD |
Субординация - дочерний документ |
|
| PARENT |
Субординация - более старший элемент |
|
| SIBLING |
Субординация - смещанное родство (частично дочерний, частично более старший) |
|
| TOP либо
|
Субординация - наиболее старший элемент, вершина иерархического дерева. |
|
| BEGIN либо
|
Начало [иерархической] последовательности |
|
| END либо
|
Конец последовательности |
|
| NEXT |
Отсылка к следующему элементу последовательности |
|
| PREVIOUS либо
|
Отсылка к предыдущему элементу последовательности |
|
| 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
|
| >
|
ВСПОМОГАТЕЛЬНЫЕ (СЛУЖЕБНЫЕ)
| <!
|
Комментарий
|
текст, который не будет показан при просмотре документа |
| <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=
|
| 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>
|
Мигающий
|
(многими осуждаемая возможность) |
| <PRE>...</PRE>
|
Сохранять форматирование
|
показывать текст "как есть", не форматируя - конечно же, моноширинным шрифтом. |
| <BIG>...</BIG>
|
Укрупненный шрифт
|
шрифт большего размера |
| <SMALL>...</SMALL>
|
Уменьшенный шрифт
|
шрифт меньшего размера |