Программированиеи компьютеры /
←предыдущая следующая→
1 2
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).
[li] NCSA HTTPD;
[li] NCSA MOSAIC
[ul]
Title of WWW programmes (CERN).
[li] CERN HTTPD;
[li] AGORA - email robot;
[li] HTTPD CERN;
[li] WWW Line Browser;
[li] Arena.
Title of WWW programmes (Netscape).
[li] Netsite - server;
[li] Netscape Novigator.
Вложенные ненумерованные списки
[li]Title of WWW programmes (NCSA).
[ul]
[li] NCSA HTTPD;
[li] NCSA MOSAIC
[li]Title of WWW programmes (CERN).
[li] CERN HTTPD;
[li] AGORA - email robot;
[li]HTTPD CERN;
[li] WWW Line Browser;
[li] Arena.
[li] Title of WWW programmes (Netscape).
[li] Netsite - server;
[li] Netscape Novigator.
Вложенные нумерованные списки
Нумерованный список
[li]Элементы заголовка документа
[ol]
[li]TITLE
[li]BASE
[li]LINK
[li]Элементы тела документа
[li]BODY
[li]Heading
[li]Paragraph
[li]Line Break
[li]Horizontal Rule
[li]...
[/ol]
Пример списка определений
Индекс базы данных "Полынь"
Ссылка на точку "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 уровней)
с выравниванием
Секция
с выравниванием
Цитата (обычно выделяется отступом)
Выделение[i](обычно изображается курсивом)
Дополнительное выделение(обычно изображается жирным шрифтом)
Отсылка, цитата(обычно курсив)
Код(для листингов кода)
Пример вывода
Ввод с клавиатуры
Переменная
Определение(часто не поддерживается)
Адрес автора
Большой шрифт
Маленький шрифт
ВНЕШНИЙ ВИД
Жирный
Курсив[i]
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Перенос(где разбивать строку для переноса при необходимости)
СПИСКИ
Неупорядоченный
Компактный[/ul]
Тип метки(для всего списка)
(этот и последующие)
Нумерованый
Компактный[/ol]
Тип нумерации(для всего списка)
(этот и следующие)
Первый номер (для всего списка)
(этот и следующие)
Список
←предыдущая следующая→
1 2
|
|