Изучение HTML 3.2 на примерах
ПримечанияСчитается нормальным включать в документ заголовок к каждой таблице. Текст заголовка должен быть относительно коротким, но информативным. Избегайте вставки объяснений в заголовок. Дайте объяснени
Цель
Специфицировать часть документа, которая должна быть центрирована при отображении.
Типичное отображение
Центрированное.
Основной синтаксис
CENTER часть документа /CENTER
Возможные атрибуты
Никаких.
Допустимый контекст
Контейнер блока.
Содержимое
Заголовки, текстовые элементы, блоковые элементы, а также элементы ADDRESS.
Примеры
Пример CENTER.html: P This is a normal paragraph which will be rendered according to default alignments, which usually means left alignment.
/P CENTER P Th
Примечания
Элемент CENTER эквивалентен DIV с ALIGN=CENTER. CENTER был введен Netscape прежде, чем в нем была добавлена поддержка элемента DIV. Это учтено в HTML 3.2 в расчете на широкое распространение допо
Цель
Для представления ссылок или сносок к другим источникам, например, на название книги. Смотрите примечания ниже.
Типичное отображение
Курсивом. Но когда это возможно, броузер может использовать и подчеркивание (например, так делает Lynx) или расставлять кавычки вокруг ссылки. Смотрите общие примечания к отображению разметки.
Основной синтаксис
CITEтекст/CITE
Возможные атрибуты
Никаких.
Допустимый контекст
Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Текстовые элементы могут быть вложенными.
Содержимое
Текстовые элементы. Не разрешается разделение на абзацы внутри содержимого.
Примеры
Простой пример для выделения названия книги:
Пример CITE-1.html: I learned this from CITEThe Origin of Species/CITE.
Примечания
Об основной природе CITE: Существуют различные мнения по вопросу, должен ли использоваться элемент CITE только для ссылок на названия книг, или, в более общем варианте, и для задания сносок н
Цель
Для представления программного кода.
Типичное отображение
Текстом одного размера (моноширинным - monospaced). Смотрите общие примечания по отображению разметки.
Основной синтаксис
CODEтекст/CODE
Возможные атрибуты
Никаких.
Допустимый контекст
Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.
Содержимое
Текстовые элементы. Не разрешено разделение на абзацы.
Примеры
Следующий пример связан с рассмотрением языка программирования C: Пример CODE-1.html:
Expressions like CODEa[i++] + b[i++]/CODE should not be used, since they cause undefined b
Примечания
Так как в HTML разделение на строки и использование символов пробелов и табуляции не отображаются броузером, то большой программный код лучше представлять с использованием элемента PRE или как от
Цель
Обеспечить определение для термина в дефинитивном списке (элемент DL)
Типичное отображение
С отступом и представленное, как отдельная часть текста, прикрепленная к соответствующему дефинитивному термину.
Основной синтаксис
DDопределение/DD
Конечный тег /DD всегда может быть опущен, что обычно и делается.
Возможные атрибуты
Никаких.
Допустимый контекст
DL элемент.
Содержимое
Блоковые элементы. Элементы заголовков и ADDRESS не допускаются. Но разрешены списки.
Примеры
Небольшой пример: DDSee RFC 822./DD
Дополнительные примеры смотрите в описании элемента DL.
Примечания
Использование DD без DL элементов, чтобы получить отступ в тексте, не рекомендуется - это нарушает спецификации и часто не работает.
Цель
Указывает, что данное слово имеет определение.
Типичное отображение
Это элементы, которые нам хотелось бы представить с некоторыми отличиями от обычного текста, например, выделенные курсивом. Но многие броузеры, включая Netscape, эффективно не поддерживают DFN и
Основной синтаксис
DFNтекст/DFN
Возможные атрибуты
Никаких.
Допустимый контекст
Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Текстовые элементы могут быть вложенными.
Содержимое
Текстовые элементы. Перевод абзаца не разрешается.
Примеры
Пример DFN-1.html: DFNIchthyology/DFN is the branch of natural science which studies fish.
Примечания
Так как на сегодняшний день еще не обеспечена эффективная поддержка DFN, лучше представлять дефинитивные элементы, используя элементы EM или STRONG.
Спецификация HTML 2.0 не включает DFN, но упо
Цель
Представить информацию в формате, принятом для представления директории. Спецификация HTML 2.0 говорит, что DIR используется для списка коротких образов, до 20 символов каждый.
Типичное отображение
На практике большинство броузеров представляют элемент DIR также, как элемент UL. Рекомендации говорят, что элемент DIR должен отображаться, как многостолбцовый список директорий.
Основной синтаксис
DIR LI элемент списка 1 LI элемент списка 2
... /DIR
Возможные атрибуты
имя атрибута возможные значения смысл COMPACT COMPACT сокращенное промежуточное пространство
Допустимый контекст
Блоковый контейнер.
Содержимое
LI элементы, которые не содержат блоковые элементы.
Примеры
Очень маленький список: Пример DIR-1.html: DIR LIone LItwo LIthree
/DIR Большой список очень маленьких элементов (обычно это сложно отобразить др
Примечания
Смотрите общие примечания к списковым элементам для ознакомления с нужными фрагментами.
Цель
Для спецификации разделения документа так, что к различным частям документа могут быть применены различные выравнивания (влево, по центру, вправо).
Типичное отображение
Часть документа, выровненная согласно действию атрибута ALIGN элемента DIV.
Основной синтаксис
DIV ALIGN=выравнивание
раздел документа /DIV
Возможные атрибуты
имя атрибута возможные значения смысл ALIGN LEFT, CENTER, RIGHT выравнивание текста в пределах элемента (влево, по центру, вправо) Атрибут ALIGN специфицирует выр
Допустимый контекст
Блоковый контейнер.
Содержимое
Заголовки, текстовые элементы, блоковые элементы и элементы ADDRESS.
Примеры
Пример DIV-1.html: P This is a normal paragraph which will be rendered according to default alignments, which usually means left alignment. /P
DIV ALIGN=CENTER DL DTтермин 1DDопределение термина 1 DTтермин 2DDопределение термина 2 ... /DL
Возможные атрибуты
имя атрибута возможные значения смысл
COMPACT COMPACT более компактный стиль отображения
Допустимый контекст
Контейнер блока.
Содержимое
DT и DD элементы. Элементы DL должны быть спарены с соответствующими элементами DD. Множество элементов DT может быть при единственном элементе DD. То есть несколько терминов могут иметь одно и
Примеры
Пример DL.html:
DL DTRecursion, indirect DDSee Iindirect recursion/I. DTIndirect recursion DDSee Irecursion, indirect/IDTтермин/DT Конечный тег /DT всегда может быть опущен, что обычно и делается.
Возможные атрибуты
Никаких.
Допустимый контекст
Элемент DL.
Содержимое
Текстовые элементы.
Примеры
Небольшой пример: DTTerminus technicus./DT Для более детальных примеров смотрите описание элементов DL.
Цель
Подчеркнуть (выделить).
Типичное представление
Курсивом. Но если возможно, броузер может использовать и подчеркивание (так делает Lynx). Смотри общие примечания к отображению разметки.
Основной синтаксис
EMтекст/EM
Возможные атрибуты
Никаких.
Допустимый контекст
Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Текстовые элементы могут быть вложенными.
Содержимое
Текстовые элементы. Не разрешено разделение на абзацы.
Примеры
Пример EM-1.html:
The EM element is EMlogical/EM markup as opposite to EMphysical/EM markup such as the I element.
Примечания
Избегайте слишком частого использования подчеркиваний. Подчеркивание всего - равносильно отсутствию подчеркивания. Для усиления подчеркивания можно использовать элемент STRONG. Смотрите также о
Цель
Специфицировать размеры шрифта (относительно к другим размерам), его цвет или и то и другое вместе.
Типичное отображение
Содержимое элемента FONT не всегда соответствует размеру и цвету шрифта, представленного броузером.
Установленный в HTML размер шрифта в действительности может быть уменьшен или увеличен програм
Основной синтаксис
FONT SIZE=nтекст/FONT или FONT COLOR=цветовая спецификациятекст/FONT
Возможные атрибуты
имя атрибута возможные значения смысл примечания
SIZE строка размер шрифта; цифра в диапазоне 1 - 7 либо целое со знаком, например, "+1" или "-2FONT SIZE=-1including text which may appear in a smaller font/FONT. P Это - попытка представить текст более рельефно: жирным
Примечания
Избегайте использования элемента FONT по причинам, объясненным при обсуждении текстовой разметки. (Для пояснения такого отношения к FONT посмотрите и разъяснение Уоррена Стиила Что неверно в элем
Цель
Чтобы представить заполняемую форму, используемую для таких действий пользователя, как регистрация, упорядочение пользователя или формирование запроса. Формы могут содержать широкий диапазон прие
Типичное представление
Нечто подобное заполняемой на бумаге форме.
Основной синтаксис
FORM ACTION="URL" содержание формы, включая элементы INPUT и, возможно, элементы TEXTAREA и SELECT /FORM
Возможные атрибуты
имя атрибута возможные значения смысл атрибута
примечания ACTION URL адрес сервера, который использует форма сервер HTTP или URL METHOD GET, POST
Допустимый контекст
Блоковый контейнер.
Содержимое
То, что разрешено в пределах элемента BODY (т.е. заголовки, текстовые и блоковые элементы, элементы ADDRESS), за исключением того, что нельзя использовать в пределах элементов FORM. Есть некото
Примеры
Пример, иллюстрирующий структуры спецификации формы для простого случая. Весьма вероятно, что это не будет работать. Смотрите примечание ниже. Пример FORM-1.html: FORM ACTION="mailto:
Примечания
В одном документе может быть несколько форм. Для очень простых форм можно использовать элемент ISINDEX. Хотя спецификации HTML 3.2 говорят, что атрибут ACTION предпочитается использованию mail
Цель
Определить заголовок. Существует шесть уровней от H1 (наиболее важный) до H6 (наименее важный).
Типичное отображение
Более важные заголовки обычно отображаются большими шрифтами, чем менее важные. Заголовок H1 - очень большой шрифт, в то время как H6 может быть крошечным (много меньше обычного текста!).
Основной синтаксис
Hnзаголовок текста/Hn где n принимает значения 1, 2, 3, 4, 5 или 6.
Возможные атрибуты (Нет в HTML 2.0!)
имя атрибута возможные значения
смысл ALIGN LEFT, CENTER, RIGHT выравнивание заголовка По умолчанию - выравнивание по левому краю, однако это может быть перекрыт
Допустимый контекст
Блоковый контейнер.
Содержимое
Текстовые элементы.
Примеры
Пример H-1.html: H1Notes on General Relativity/H1 Пример H-2.html: H1 ALIGN=CENTERThe story of my life/H1 H2Preface/H2 H3General r
Примечания
Заголовки H1, H2 и H3 можно использовать постоянно. Избегайте применения H4, H5 и H6. Смотрите также общие структурные рекомендации. В особенности, не используйте заголовки H5 или H6 для предста
Цель
Основная структура документа HTML всегда состоит из заглавия и тела. Явное вложение заголовка в элемент HEAD не обязательно.
Типичное отображение
Использование элемента HEAD не влияет на отображение документа.
Основной синтаксис
HEAD элемент TITLE /HEAD Как начальный, так и конечный теги могут быть опущены.
Возможные атрибуты
Никаких.
Допустимый контекст
Элементы HTML, которые могут быть либо подразумеваемыми, либо явными. В документе допускается только один элемент HEAD, и он должен появиться прежде элемента BODY (который тоже может быть явным и
Содержимое
Обязательно один TITLE элемент и необязательно (в любом порядке) элемент ISINDEX элемент BASE элементы META элементы LINK элементы STYLE и SCRIPT
Примеры
HEAD TITLEGetting started with Perl/TITLE /HEAD
Примечания
Явное задание элемента HEAD действует только на формирование заголовка, читаемого из кода HTML и являющегося частью документа, принадлежащей к разделу заголовка.
Цель
Обозначить изменение раздела.
Типичное отображение
Горизонтальная черта (на полную ширину экрана - по умолчанию). До и после тега HR броузер автоматически добавляет тер P, поэтому нет необходимости в формировании незаполненного вертикального прос
Основной синтаксис
HR
Возможные атрибуты (Нет в HTML 2.0!)
имя атрибута возможные значения смысл примечания ALIGN LEFT, RIGHT, CENTER горизонтальное выравнивание черты по умолчанию - CENTER
Допустимый контекст
Блоковый контейнер.
Содержимое
Никакое.
Примеры
Пример HR-1.html: P Some text, followed by a basic (default) horizontal rule. /P HR P
Some other text. /P Пример HR-2.html: P A horiz
Примечания
Не переусердствуйте с использованием HR. Документ может неудачно выглядеть, если в нем полосы чередуются с совсем маленьким текстом между ними. Обычно лучше использовать процентную спецификацию,
Цель
В сущности, файл HTML в целом является элементом HTML. Обычно начальный и конечный теги необязательны. Смотрите описание базовой структуры документа HTML.
Типичное отображение
Явное использование элемента HTML не влияет на отображение документа
Основной синтаксис
HTML заголовок и тело документа /HTML
Возможные атрибуты
имя атрибута возможные значения смысл
VERSION строка версия HTML
Допустимый контекст
Элемент HTML является элементом верхнего уровня в языке HTML. Смотрите описание базовой структуры документов HTML.
Содержимое
Элемент HEAD с последующим BODY.
Примеры
Пример hello.html: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"
TITLEHello/TITLE Hello world
Примечания
Если элемент HTML используется, начальный и конечный теги HTML должны идти вокруг всего документа, сразу после объявления DOCTYPE.
Цель
Представление текста курсивом.
Типичное отображение
Курсив. Смотрите общие примечания к отображению разметки.
Основной синтаксис
Iтекст/I
Возможные атрибуты
Никаких.
Допустимый контекст
Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Это включает большинство элементов HTML. Текстовые элементы могут быть вложенными.
Содержимое
Текстовые элементы. Разделение на абзацы не разрешено.
Примеры
Пример I-1.html: ICanis familiaris/I, but genetically dogs belong to the same species as the wolf,
ICanis lupus/I.
Примечания
Хотя элемент I является элементом физической разметки и логическая разметка в общем, предпочтительней, существуют причины для использования I. В частности, из-за того, что в HTML 3.2. нет элемент
Цель
Для включения изображения в документ.
Типичное отображение
Изображения представляются, как часть документа. Неграфические броузеры представляют взамен изображения значение атрибута ALT. Позиционирование изображения обеспечивается атрибутами элемента IMG
Основной синтаксис
IMG SRC="URL" ALT="текст"
Возможные атрибуты
имя атрибута возможные значения смысл примечания SRC URL адрес изображения обязателен; смотрите примечания по графическому формату ALT
строка
Допустимый контекст
Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML.
Содержимое
Никакое.
Примеры
Пример IMG-1.html: IMG SRC="Yucca.jpg" ALT="[Picture of Yucca]" WIDTH=110 HEIGHT=168 P IMG SRC="Yucca.jpg" ALT="[Picture of Yucca]"
Примечания
Смотрите общее обсуждение изображений, формул и т.д., которое содержит дополнительные примеры. Если Вы хотите, чтобы изображение появилось справа или слева от текстового абзаца, Вы должны распол
Цель
Специфицировать в пределах формы вводные поля: одностроковые текстовые поля, поля пароля, переключатели, радиокнопки, кнопки отсылки и перезагрузки, скрытые поля, выгрузки файла, кнопки изображен
Типичное отображение
Меняется согласно типу поля.
Основной синтаксис
INPUT TYPE=тип_поля_ввода другие_атрибуты
Возможные атрибуты
имя атрибута возможные значения смысл примечания TYPE TEXT, PASSWORD, CHECKBOX, RADIO, SUBMIT, RESET, FILE, HIDDEN, IMAGE тип поля для ввода по умолчанию TEX
Допустимый контекст
Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Включает большинство элементов HTML. Текстовый контейнер может появиться в пределах элемента FORM.
Содержимое
Никакое.
