Загрузка...
Учебная работа. Книга: Описание команд HTML
Как правило, при указании размеров объекта задание просто числа значит размер в пикселах (точках отображения на мониторе), число со знаком «%» значит размер, выраженный в процентном отношении, число со знаком «*» значит размер, выраженный в толиках единицы (пропорцию).
ОСНОВНЫЕ МЕТКИ, ЗАДАЮЩИЕ СТРУКТУРУ ДОКУМЕНТА
<!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=»
»
Задание базисного адреса для ссылок
адресок, от которого отсчитываются локальные ссылки снутри документа
TARGET=»
»
Задание базисного имени окна
В какое окно загружать вызываемые документы
<ISINDEX= >
Указатель поиска по главным словам
гласит о том, что данные для просмотра главные слова должны добавляться к базисному URI документа (отделяясь от него «?», соединяясь «+») — в таком документе можно производить поиск при помощи CGI-сценария.
</HEAD>
Конец описания документа
<BODY
Начало документа
указываются установки для показа документа
Background=»
»
Фоновая картина
в кавычках указывается URL рисунки (.gif либо .jpg)
BGCOLOR=»#$$$$$$»
цвет фона
в кавычках указывается номер цвета
TEXT=»#$$$$$$»
цвет текста
LINK=»#$$$$$$»
цвет ссылки
VLINK=»#$$$$$$»
цвет уже просмотренной ссылки
ALINK=»#$$$$$$»
цвет активной ссылки
>
(содержимое документа)
</BODY>
Конец документа
</html>
Конец структуры HTML
Задание цвета
цвет задается в шестнадцатиричной
системе счисления шестью цифрами
(от 0 до F)
1-ые две числа — красноватый цвет
последующие две числа — зеленоватый цвет
крайние две числа — голубий цвет
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=»
»
Задание содержимого окна
Указывается, какой документ поместить в окно просмотра, получившееся в итоге разбиения рабочего поля на секции
NAME=»
»
Задание имени окна
Употребляется для отсылок из остальных окон — см. TARGET
MARGINWIDTH=»
»
Ширина отступа
Задание ширины отступа от границ окна во время просмотра документа
SCROLLING=»yes | no | auto»
наличие линейки прокрутки
По дефлоту —
, другими словами наличие линейки прокрутки, если документ не умещается в отведенном окне.
NORESIZE
Запретить изменение размеров окна
По дефлоту, во время просмотра документа можно изменять размеры окна
>
</FRAMESET>
Конец описания разбиения на секции
ГИПЕРСВЯЗИ
<A
Крючок
крючок для зацепления гиперсвязи; обязано быть обозначено как минимум или NAME или HREF
NAME=»
»
Имя
задание имени крючка (для отсылок к нему);
(всюду в предстоящем) может состоять из букв A-Z, a-z, цифр и символов «.» и «-«.
HREF=»
»
Отсылка
Отсылка к другому крючку — указывается его 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=»
»
Наиболее четкая отсылка
в случае указания употребляется заместо 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. По дефлоту
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?>
Заголовок, подзаголовок
6 уровней: 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>
Уменьшенный шрифт
шрифт наименьшего размера
]]>