HTML Таговая модель документа:

"элемент" := содержание элемента

Структура документа

Элемент HTML или гипертекстовый документ состоит из двух частей:

заголовка документа (HEAD) тела документа (BODY)

Содержание заголовка

Содержание тела документа

Элементы заголовка

поля документа

базовый адрес

поисковый документ

общая гипертекстовая ссылка

 

Примеры элементов заголовка:

Название документа

,

Keywords: Plasma, Nuclear Physics

Основные классы элементов тела

Тело документа состоит из:

Иерархических контейнеров и заставок Заглавий (от H1 до H6) Блоков (параграфы, списки, формы, таблицы, картинки и т. п.) Горизонтальных отчеркиваний и адресов Текста, разбитого на области действия стилей (подчеркивание, выделение, курсив), математические описания, графику и гипертекстовые ссылки Элементы стиля

Элемент

Значение

Примечание

.....

Курсив

(Italic)

...

Усиление

(BOLD)

...

Телетайп  

...

Подчеркивание  

...

Перечеркнутый текст  

...

Увеличенный текст

только Arena

...

Уменьшенный фонт

только Arena

...

Подстрочные символы

только Arena

...

Надстрочные символы

только Arena Информационные элементы

Элемент

Значение

Примечание

...

Типографское усиление

Часто отображается как Italic

...

Цитирование

Не реализовано в Mosaic

...

Усиление

Отображается как BOLD

...

Отображает примеры кода (например, коды программ)

Отображается непропорциональным фонтом

...

Последовательность литералов

Не реализован в Mosaic

...

Пример ввода символов с клавиатуры

Используется при разработке руководств

...

Переменная  

...

Определение

только Arena

...

Текст, заключенный в скобки Вид скобок зависит от атрибута LAN

Реализован только в Arena

...

Определяет язык отображения

только Arena

...

Автор

только Arena

...

Имя персоны Введено для простоты выделения при индексировании документов

Реализован только в Arena

...

Акроним

только Arena

...

Аббревиатура

только Arena

...

Вставленный текст

только Arena

...

Удаленный текст

только Arena       Управление отображением стиля символов текста Отображение ненумерованного списка

Title of WWW programmes (NCSA).

NCSA HTTPD;

NCSA MOSAIC

Title of WWW programmes (CERN).

CERN HTTPD;

AGORA - email robot;

HTTPD CERN;

WWW Line Browser;

Arena.

Title of WWW programmes (Netscape).

Netsite - server;

Netscape Novigator.

Вложенные ненумерованные списки

Title of WWW programmes (NCSA).

NCSA HTTPD;

NCSA MOSAIC

Title of WWW programmes (CERN).

CERN HTTPD;

AGORA - email robot;

HTTPD CERN;

WWW Line Browser;

Arena.

Title of WWW programmes (Netscape).

Netsite - server;

Netscape Novigator.

Вложенные нумерованные списки

Нумерованный список

Элементы заголовка документа

TITLE

BASE

LINK

Элементы тела документа

BODY

Heading

Paragraph

Line Break

Horizontal Rule

...

Пример списка определений

Индекс базы данных "Полынь"

Ссылка на точку "point" в документе "index.html"

Таблицы

A test table with merged cells. (T.Berners Lee/WWWC,1995.)

Average>

other
categoryMisc

heightweght

males1.90.003

females1.70.002

Пример таблицы

Пример таблицы построенной в текстовом редакторе

Формы

Элемент

Назначение

INPUT

поля ввода информации имеют множество типов

TEXTAREA

поле ввода многострочного текста

SELECT

описание меню

OPTION

описание элемента меню

Пример использования полей ввода

Ниже приведен список примеров полей ввода:

Простое текстовое поле:

Поле типа checkbox:

Поле типа radiobutton:

Поле типа password:

Невидимое поле:

Кнопка Submit:

Кнопка Reset:

Графическая кнопка:

БАЗИСНЫЕ ЭЛЕМЕНТЫ

Тип документа(начало и конец файла)

Имя документа(должно быть в заголовке)

Заголовок(описание документа, например его имя)

Тело(содержимое страницы)

ОПРЕДЕЛЕНИЕ СТРУКТУРЫ

Заглавие(стандарт определяет 6 уровней)

с выравниванием

Секция

с выравниванием

Цитата (обычно выделяется отступом)

Выделение(обычно изображается курсивом)

Дополнительное выделение(обычно изображается жирным шрифтом)

Отсылка, цитата(обычно курсив)

Код(для листингов кода)

Пример вывода

Ввод с клавиатуры

Переменная

Определение(часто не поддерживается)

Адрес автора

Большой шрифт

Маленький шрифт

ВНЕШНИЙ ВИД

Жирный

Курсив

N3.0bПодчеркнутый(часто не поддерживается)

Перечеркнутый(часто не поддерживается)

N3.0bПеречеркнутый(часто не поддерживается)

Верхний индекс

Нижний индекс

Печатная машинка(изображается как шрифт фиксированой ширины)

Форматированый(сохранить формат текста как есть)

Ширина(в символах)

Центрировать >(как текст, так и графика)

N1.0Мигающий(наиболее осмеянный элемент)

Размер шрифта(от 1 до 7)

Изменить размер шрифта

N1.0Базовый размер шрифта(от 1 до 7; по умолчанию 3)

Цвет шрифта

N3.0bВыбор шрифта

N3.0bМногоколоночный текст

N3.0bПробел между колонками(по умолчанию 10 точек)

N3.0bШирина колонки

N3.0bПустой блок

N3.0bТип пустого блока

N3.0bВеличина пустого блока

N3.0bРазмеры пустого блока

N3.0bВыравнивание

ССЫЛКИ И ГРАФИКА

Ссылка

Ссылка на закладку(в другом документе)

(в том же документе)

N2.0На другое окно

Определить закладку

Отношение(часто не поддерживается)

Обратное отношение(часто не поддерживается)

Графика

Выравнивание

N1.0Выравнивание

Альтернатива(выводится если картинка не изображается)

Карта(нужна также программа)

Локальная карта

Определение карты

Области карты

Размеры(в точках)

Окантовка(в точках)

Отступ(в точках)

N1.0Заменитель в низком разрешении

N1.1Обновить

N2.0Включить об'ект(вставить об'ект в страницу)

N2.0Размер об'екта

РАЗДЕЛИТЕЛИ

Параграф

(закрывать элемент часто не обязательно)

Выравнивание

Новая строка
(одиночный перевод строки)

Убрать выравнивание

Горизонтальный разделитель

Выравнивание

Толщина(в точках)

Ширина(в точках)

N1.0Ширина в процентах(в процентах от ширины страницы)

Сплошная линия(без трехмерных эффектов)

N1.0Нет разбивки(запрещает перевод строки)

N1.0Перенос(где разбивать строку для переноса при необходимости)

СПИСКИ

Неупорядоченный( перед каждым элементом)

Компактный

Тип метки(для всего списка)

(этот и последующие)

Нумерованый( перед каждым элементом)

Компактный

Тип нумерации(для всего списка)

(этот и следующие)

Первый номер (для всего списка)

(этот и следующие)

Список определений(=термин, DD>=определение)

Компактный

Меню( перед каждым элементом)

Компактное

Каталог(перед каждым элементом)

Компактный

ФОН И ЦВЕТА

Фоновая картинка

Цвет фона(порядок: красный/зеленый/синий)

Цвет текста

Цвет ссылки

Пройденная ссылка

Активная ссылка

СПЕЦИАЛЬНЫЕ СИМВОЛЫ (обязаны быть в нижнем регистре)

Специальный символ&#?;(где ? это код ISO 8859-1)

>

&&

""

Торговая марка ТМ®

Copyright©

Неразделяющий пробел 

ФОРМЫ

Определить форму

N2.0Посылка файла

Поле ввода

Имя поля

Значение поля

Отмечен?(checkboxes и radio boxes)

Размер поля(в символах)

Максимальная длина(в символах)

Список вариантов

Имя списка

Число вариантов

Множественний выбор(можно выбрать больше одного)

Опция(элемент который может быть выбран)

Опция по умолчанию

Ввод текста, размер

Имя текста

N2.0Разбивка на строки

Таблицы

Определить таблицу

Окантовка таблицы

Расстояние между ячейками

Дополнение ячеек

Желаемая ширина(в точках)

Ширина в процентах(проценты от ширины страницы)

Строка таблицы

Выравнивание

Ячейка таблицы(должна быть внутри строки)

Выравнивание

Без перевода строки

Растягивание по колонке

Растягивание по строке

N1.1Желаемая ширина(в точках)

N1.1Ширина в процентах(проценты от ширины страницы)

N3.0bЦвет ячейки

Заголовок таблицы(как данные, но жирный шрифт и центровка)

Выравнивание

Без перевода строки

Растягивание по колонке

Растягивание по строке

N1.1Желаемая ширина(в точках)

N1.1Ширина в процентах(проценты ширины таблицы)

N3.0bЦвет ячейки

Заглавие таблицы

Выравнивание(сверху/снизу таблицы)

ФРЕЙМЫ

N2.0Документ с фреймами(вместо )

N2.0Высота строк(точки или %)

N2.0Высота строк(* = относительный размер)

N2.0Ширина колонок(точки или %)

N2.0Ширина колонок(* = относительный размер)

N3.0bШирина окантовки

N3.0bОкантовка

N3.0bЦвет окантовки

N2.0Определить фрейм(содержание отдельного фрейма)

N2.0Документ

N2.0Имя фрейма

N2.0Ширина границы(правая и левая границы)

N2.0Высота границы(верхняя и нижняя границы)

N2.0Скроллинг

N2.0Постоянный размер

N3.0bОкантовка

N3.0bЦвет окантовки

N2.0Содержание без фреймов(для просмотрщиков не поддерживающих фреймы)

ЯЗЫК JAVA

Applet

Applet - имя файла

Параметры

Applet - адрес

Applet - имя(для ссылок из других частей страницы)

Альтернативный текст(для программ не поддерживающих Java)

Выравнивание

Размеры(в точках)

Отступ(в точках)

РАЗНОЕ

Комментарий(игнорируется просмотрщиком)

Пролог HTML 3.2

Поиск(означает начальную точку поиска)

Приглашение(текст приглашения для поля ввода)

Запустить поиск(используйте действительно знак вопроса)

URL этого файла(должно быть в заголовке)

Имя базового окна(должно быть в заголовке)

Отношение(должно быть в заголовке)

Метаинформация(должно быть в заголовке)

Стили(часто не поддерживается)

Программа(часто не поддерживается)