HTML Таговая модель документа:
"элемент" : = содержание элемента Структура документа
Элемент HTML или гипертекстовый документ состоит из двух частей: заголовка документа (HEAD) тела документа (BODY) Содержание заголовка Содержание тела документа Элементы заголовка поля документа базовый адрес поисковый документ общая гипертекстовая ссылка Примеры элементов заголовка: Название документа ,
CONTENT="Plsma, Nuclear Physics"> 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> othercategoryMisc 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 этого файла (должно быть в заголовке) Имя базового окна (должно быть в заголовке) Отношение (должно быть в заголовке) Метаинформация (должно быть в заголовке) Стили (часто не поддерживается) Программа (часто не поддерживается)