Руководство по HTML
Руководство по 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
Управление отображением стиля символов текста
Отображение ненумерованного списка
Вложенные ненумерованные списки
Вложенные нумерованные списки
Пример списка определений
C:\www\doc2html\work\pictures\it\khramtsov\img00017.gif
Индекс базы данных "Полынь"
Ссылка на точку "point" в документе "index.html"
C:\www\doc2html\work\pictures\it\khramtsov\img00018.gif
Таблицы
Average> other
categoryMisc
height weght
Пример таблицы Пример таблицы построенной в текстовом редакторе Формы Элемент Назначение INPUT поля ввода информации имеют множество типов TEXTAREA поле ввода многострочного текста SELECT описание меню OPTION описание элемента меню Пример использования полей ввода Ниже приведен список примеров полей ввода: Простое текстовое поле: Поле типа checkbox: Поле типа radiobutton: Поле типа password: Невидимое поле: Кнопка Submit: Кнопка Reset: Графическая кнопка: Базисные элементы Тип документа (начало и конец файла) Имя документа Заголовок (описание документа, например его имя) Тело (содержимое страницы) Заглавие с выравниванием Секция с выравниванием Цитата (обычно выделяется отступом) Выделение (обычно изображается курсивом) Дополнительное выделение(обычно изображается жирным шрифтом) Отсылка, цитата (обычно курсив) Код Пример вывода Ввод с клавиатуры Переменная Определение (часто не поддерживается) Адрес автора Большой шрифт Маленький шрифт Жирный Курсив N3.0b Подчеркнутый (часто не поддерживается) Перечеркнутый N3.0b Перечеркнутый Верхний индекс Нижний индекс Печатная машинка (изображается как шрифт фиксированой ширины) Форматированый (сохранить формат текста как есть) Ширина (в символах) Центрировать N1.0 Мигающий (наиболее осмеянный элемент) Размер шрифта (от 1 до 7) Изменить размер шрифта N1.0 Базовый размер шрифта Цвет шрифта N3.0b Выбор шрифта N3.0b Многоколоночный текст N3.0b Пробел между колонками N3.0b Ширина колонки N3.0b Пустой блок N3.0b Тип пустого блока N3.0b Величина пустого блока N3.0b Размеры пустого блока N3.0b Выравнивание Ссылки и графика Ссылка на закладку (в другом документе) Отношение (часто не поддерживается) Обратное отношение (часто не поддерживается) Графика Выравнивание N1.0Выравнивание Альтернатива Карта Локальная карта Определение карты Области карты Размеры Окантовка Отступ N1.0 Заменитель в низком разрешении N1.1 Обновить N2.0 Включить об'ект (вставить об'ект в страницу) N2.0 Размер об'екта Разделители Параграф (закрывать элемент часто не обязательно) Выравнивание Новая строка Убрать выравнивание Горизонтальный разделитель Выравнивание Толщина Ширина N1.0 Ширина в процентах Сплошная линия N1.0 Нет разбивки N1.0 Перенос Списки Неупорядоченный Компактный Тип метки (этот и последующие) Нумерованый Тип нумерации (этот и следующие) Первый номер Список определений Меню ( перед каждым элементом) Компактное Каталог Компактный Фон и цвета Фоновая картинка <BODY BACKGROUND="URL"> Цвет фона (порядок: красный/зеленый/синий) Цвет текста Цвет ссылки Пройденная ссылка Активная ссылка Специальные символы(обязаны быть в нижнем регистре) Специальный символ &#?; (где ? это код ISO 8859-1) < < > > & & " " Торговая марка ТМ ® Copyright © Неразделяющий пробел Формы Определить форму N2.0 Посылка файла Поле ввода Имя поля Значение поля Отмечен? (checkboxes и radio boxes) Размер поля (в символах) Максимальная длина (в символах) Список вариантов Имя списка Число вариантов Множественний выбор (можно выбрать больше одного) Опция (элемент который может быть выбран) Опция по умолчанию Ввод текста, размер <TEXTAREA ROWS=? COLS=?> Имя текста N2.0 Разбивка на строки Таблицы Определить таблицу Окантовка таблицы Расстояние между ячейками Дополнение ячеек Желаемая ширина (в точках) Ширина в процентах (проценты от ширины страницы) Строка таблицы Выравнивание Выравнивание Растягивание по колонке Растягивание по строке N1.1 Желаемая ширина N1.1 Ширина в процентах N3.0b Цвет ячейки Заголовок таблицы Выравнивание Растягивание по колонке Растягивание по строке N1.1 Желаемая ширина N1.1 Ширина в процентах N3.0b Цвет ячейки Заглавие таблицы Выравнивание Фреймы N2.0 Документ с фреймами (вместо ) N2.0 Высота строк <FRAMESET ROWS=,,,>FRAMESET>(точки или %) 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) Выравнивание Размеры HEIGHT=?> (в точках) Отступ VSPACE=?> (в точках) Разное Комментарий (игнорируется просмотрщиком) Пролог HTML 3.2 Поиск Приглашение Запустить поиск(используйте действительно знак вопроса) URL этого файла N2.0 Имя базового окна Отношение (должно быть в заголовке) Метаинформация (должно быть в заголовке) Стили (часто не поддерживается) Программа (часто не поддерживается) Чтобы скачать документ, порекомендуйте, пожалуйста, его своим друзьям в любой соц. сети. После чего кнопка «СКАЧАТЬ» станет доступной! Кнопочки находятся чуть ниже. Спасибо! Кнопки:males 1.9 0.003 females 1.7 0.002 (для листингов кода) (часто не поддерживается) (часто не поддерживается)
(выводится если картинка не изображается)
(нужна также программа)
(в точках)
(в точках)
VSPACE=?> (в точках)
(одиночный перевод строки)
(в точках)
(в точках)
(в процентах от ширины страницы)
(без трехмерных эффектов) ( перед каждым элементом)
(для всего списка)
( перед каждым элементом) Компактный
(для всего списка)
(для всего списка) (
Ячейка таблицы (должна быть внутри строки) Без перевода строки (в точках) (проценты от ширины страницы) (как данные, но жирный шрифт и центровка) Без перевода строки (в точках) (проценты ширины таблицы)
Нравится материал? Поддержи автора!
Ещё документы из категории информатика: