Руководство по 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
...Текст, заключенный в скобки Вид
скобок зависит от атрибута LANG. Реализован только в 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 Перенос
(где разбивать строку для переноса при необходимости)
Списки
Неупорядоченный ( перед каждым
элементом)
Компактный
Тип
метки (для всего списка)
(этот и последующие)
Нумерованый
( перед каждым
элементом) Компактный
Тип нумерации (для всего списка)
(этот и следующие)
Первый номер (для всего списка)
(этот
и следующие)
Список определений (=термин, =определение)
Компактный
Меню
( перед каждым
элементом)
Компактное
Каталог
(перед каждым
элементом)
Компактный
Фон и цвета
Фоновая картинка
Цвет фона (порядок: красный/зеленый/синий)
Цвет текста
Цвет
ссылки
Пройденная ссылка
Активная ссылка
Специальные символы(обязаны быть в нижнем регистре)
Специальный символ &#?; (где ? это код 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 этого файла (должно быть
в заголовке)
N2.0 Имя базового окна (должно
быть в заголовке)
Отношение (должно
быть в заголовке)
Метаинформация (должно быть в заголовке)
Стили
(часто не поддерживается)
Программа
(часто не поддерживается)
Список литературы
Для подготовки данной работы были использованы материалы с
сайта http://www.parny.by.ru/