Изучение HTML, Уроки HTML, Советы HTML, Практические рекомендации, Примеры HTML

Главная | Ссылки | Полезное
Введение
Для кого?
О чем?
Зачем Вам изучать HTML?
Почему HTML 3.2?
Рамки этого документа
О версиях этого пособия
Лучше посмотреть на...
Как изучать HTML 3.2
Получение общей начальной информации о HTML
Систематическое изучение HTML 3.2
Официальная HTML 3.2 спецификация
Дополнительные источники информации
Проверьте Ваш HTML
Общие замечания по синтаксису HTML
Набор символов
Теги HTML
Элементы HTML
Aтрибуты
URLs
Case чувствительность (чувствительность к выбору)
Разделение на строки и использование пробелов и символов табуляции
Классификация элементов
Разрешенная вложенность элементов
Заметки о разном: об escape последовательностях (символьных объектах), именах, цветовых атрибутах, ширине, пикселях, вертикальном выравнивании (VALIGN), непрерывных пробелах ( ), комментарии
Media types
Основные структуры HTML 3.2 документа (с примерами)
Обязательная структура документа
Рекомендуемая структура документа
Информация о документе - раздел HEAD
Организация содержания - заголовки (headings), абзацы (paragraphs), списки (lists) и т.п.
Разметка текста - выделение шрифта, цитирование, код и т.п.
Управление размещением
Связи
Изображения, формулы и т.п.
Таблицы - tables (Нет в HTML 2.0!)
Таблицы стилей
Описания тегов HTML 3.2
Индексы и надписи
A - якоря (anchors), гиперсвязи (hyperlinks), и т.д.
ADDRESS (АДРЕС) - информация об авторе информации
APPLET - Java апплеты (Нет в HTML 2.0!)
AREA (ОБЛАСТЬ) - область в реагирующей на нажатие клавиши схеме (MAP) (Нет в HTML 2.0!)
B - жирный шрифт
BASE - базовый, основной URL
BASEFONT (БАЗОВЫЙ ШРИФТ) - размер базового шрифта (Нет в HTML 2.0!)
BIG (БОЛЬШОЙ) - большой шрифт (Нет в HTML 2.0!)
BLOCKQUOTE (БЛОК ЦИТИРОВАНИЯ) - длинное цитирование
BODY (ТЕЛО) - тело документа
BR - перевод строки
CAPTION (ЗАГОЛОВОК) - заголовок для таблицы (Нет в HTML 2.0!)
CENTER (ЦЕНТР) - центрирование (Нет в HTML 2.0!)
CITE - ссылки
CODE (КОД) - программный код
DD - определение данных
DFN - определение (Нет в HTML 2.0!)
DIR - ненумерованный список в директории
DIV - разделитель документа (Нет в HTML 2.0!)
DL - дефинитивные или описательные списки
DT - дефинитивный термин
EM - подчеркивание
FONT (ШРИФТ) - размер и цвет шрифта (Нет в HTML 2.0!)
FORM (ФОРМА) - заполняемая форма
H1, H2, H3, H4, H5, H6 - заголовки
HEAD (ЗАГОЛОВОК) - заголовок документа
HR - изменение раздела (горизонтальная черта)
HTML - элемент верхнего уровня
I - курсив
IMG - линейные изображения
INPUT - поля ввода в формах
ISINDEX - простой поиск по ключевым словам
KBD - ввод с клавиатуры
LI - списковый элемент
LINK (СВЯЗЬ) - связь с другими документами
MAP - реагирующая на нажатие клавиш карта (Нет в HTML 2.0!)
MENU (МЕНЮ) - ненумеруемый список менюподобных форм
META - метаинформация
OL - упорядоченные (нумерованные) списки
OPTION - элемент выбора в меню
P - обычный абзац
PARAM - параметры апплета (Нет в HTML 2.0!)
PRE - предварительно отформатированный текст
SAMP - образец вывода
SCRIPT - зарезервирован для будущего использования (Нет в HTML 2.0!)
SELECT (ВЫБРАТЬ) - меню выбора в форме
SMALL (МАЛЫЙ) - малый шрифт (Нет в HTML 2.0!)
STRIKE - перечеркнутый текст (Нет в HTML 2.0!)
STRONG - сильное подчеркивание
STYLE - таблицы стилей (Нет в HTML 2.0!)
SUB - подстрочный знак (Нет в HTML 2.0!)
SUP - надстрочный знак (Нет в HTML 2.0!)
TABLE - таблицы (Нет в HTML 2.0!)
TD - табличные данные (ячейка) (Нет в HTML 2.0!)
TEXTAREA - многострочное поле текстового ввода в форме
TH - табличный заголовок (ячейка) (Нет в HTML 2.0!)
TITLE - "внешний" заголовок (титул)
TR - табличная строка (Нет в HTML 2.0!)
TT - телетайпный (одноразмерный) текст
U - подчеркивание (Нет в HTML 2.0!)
UL - неупорядоченные (ненумерованные) списки
VAR - переменные


Разрешенная вложенность элементов

Этот раздел описывает, каким образом в HTML 3.2. элементы могут быть вложены. Здесь не приводятся правила упорядочения или обеспечения повторной вложенности элементов. Здесь просто даются ответы на вопросы в форме: может ли элемент X появится в пределах элемента Y?

Та же самая информация представлена в описании отдельных тегов в частях Допустимый контекст и Содержимое. Здесь это представлено в сжатой форме и носит иллюстративный характер.

Заметки на память:
(Пояснения к списку)

  • Текст со словами на верхнем регистре описывает элементы HTML.
  • Слово, написанном на нижнем регистре - термин, описывающий сочетание HTML элементов.
  • Элементы могут содержать внутри себя список других элементов, которые находятся в пределах этого элемента. Если нет такого списка, никакая вложенность элементов не разрешена. Исключение составляют элементы block и text. Для них допустимо такое содержание, как это описано в настоящем разделе.
  • #PCDATA означает "символьные данные, используемые при грамматическом разборе" (содержит только escape последовательности, например, ä, теги HTML - не разрешены).
  • body.content (body-содержание) означает: элементы, которые перечислены под элементом BODY.

HTML

  • HEAD
    • TITLE, SCRIPT, STYLE
      • #PCDATA
    • ISINDEX, BASE, META, LINK
  • BODY
    • H1, H2, H3, H4, H5, H6
      • text
    • block
      • P
        • text
      • UL, OL, DIR, MENU
        • LI
          • text
          • block

          (в пределах DIR или MENU, элемент LI не содержит блок)

      • DL
        • DT
          • text
        • DD
          • text
          • block
      • PRE
        • text (без IMG, BIG, SMALL, SUB, SUP, FONT)
      • DIV, CENTER, BLOCKQUOTE
        • body.content
      • FORM
        • body.content без FORM
      • ISINDEX
      • HR
      • TABLE
        • CAPTION
          • text
        • TR
          • TH, TD
            • body.content
    • ADDRESS
      • text
      • P
        • text
    • text
      • #PCDATA
      • TT, I, B, U, STRIKE, BIG, SMALL, SUB, SUP
        • text
      • EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE
        • text
      • A
        • text
      • IMG
      • APPLET
        • text
        • PARAM
      • FONT
        • text
      • BASEFONT, BR
      • SCRIPT
        • #PCDATA
      • MAP
        • AREA
      • INPUT
      • SELECT
        • OPTION
          • #PCDATA
      • TEXTAREA
        • #PCDATA

Чтобы упростить описания элементов, автор использует термин текстовый контейнер, чтобы обозначить любой элемент, который может непосредственно содержать текстовый элемент. Следующие элементы являются текстовыми контейнерами:

A, ADDRESS, APPLET, B, BIG, BLOCKQUOTE, BODY, CAPTION, CENTER, CITE, CODE, DFN, DIV, EM, FONT, FORM, H1, H2, H3, H4, H5, H6, HTML, I, KBD, LI, P, PRE (с ограничениями), SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TD, TH, TT, U, VAR.

Нижеследующие элементы не являются текстовыми контейнерами, однако могут содержать текстовые элементы не непосредственно, а через элементы, которые являются текстовыми контейнерами:

DD, DIR, DL, DT, MENU, OL, TABLE, TR, UL.

Нижеследующие элементы совсем не включают текстовые элементы:

AREA, BASE, BASEFONT, BR, HEAD, HR, IMG, INPUT, ISINDEX, LINK, MAP, META, OPTION, PARAM, SCRIPT, SELECT, STYLE, TEXTAREA, TITLE.

Также автор вводит термин блоковый контейнер, чтобы обозначить любой элемент, который может непосредственно содержать блоковый элемент. Блоковыми контейнерами являются:

BLOCKQUOTE, BODY, CENTER, DD, DIV FORM HTML, LI (в пределах UL или OL), TD, TH.


   Тексты принадлежат их владельцам!  

 
Hosted by uCoz