http://www.infodez.ru/

Зачем Вам изучать HTML?


Изучение HTML 3.2 на примерах
Jukka Korpela. Перевод "АКДИ Экономика и жизнь"....
Для кого?
О чем?
Зачем Вам изучать HTML?
Почему HTML 3.2?
Рамки этого документа
О версиях этого пособия
Лучше посмотреть на...
Получение общей начальной информации о HTML
Систематическое изучение HTML 3.2
Официальная HTML 3.2 спецификация
Дополнительные источники информации
Проверьте Ваш HTML


Набор символов
Теги HTML
Элементы HTML
Aтрибуты
Case чувствительность (чувствительность к выбору)
Разделение на строки и использование пробелов и символов табуляции
Классификация элементов
Разрешенная вложенность элементов
Escape последовательности (символьные объекты)
Имена
Цвета
Атрибут WIDTH (ширина)
Пиксели
Вертикальное выравнивание (VALIGN)
Непрерывный пробел ( ) (Non-breaking spaces)
Комментарии
Обязательная структура документа
Рекомендуемая структура документа
Информация о документе - раздел HEAD
Организация содержания - заголовки (headings), абзацы (paragraphs), списки (lists) и т.п.
Логическая разметка в сравнении с физической
Элементы фразы (логическая разметка текста)
Шрифтовые элементы (font elements) - физическая разметка текста
Отображение разметки
Представление взаимодействия с компьютером
Управление размещением
Связи
Изображения, формулы и т.п.
Таблицы - tables (Нет в HTML 2.0!)
Концепция таблиц в HTML 3.2
Теги, используемые для представления таблиц
Основные табличные структуры
Дополнительные свойства; типичная таблица с текстовыми ячейками
Параллельные тексты
Использование таблиц для представления дефинитивных списков
Числовые таблицы
Использование таблиц для представления меню
Табличные элементы, занимающие несколько строк или столбцов
Вложенные таблицы
Шрифты в табличных элементах
Таблицы стилей
Индексы и надписи
Цель
Типичное представление
Основной синтаксис
Возможные атрибуты
Допустимый контекст
Содержимое
Примеры
Примечания
Цель
Типичное представление
Основной синтаксис
Возможные атрибуты
Допустимый контекст
Содержимое
Примеры
Примечания
Цель
Типичное отображение
Основной синтаксис
Возможные атрибуты
Допустимый контекст
Содержимое
Примеры
Примечания
Цель
Типичное представление
Основной синтаксис
Возможные атрибуты
Допустимый контекст
Содержимое
Примеры
Примечания
Цель
Типичное представление
Основной синтаксис
Возможные атрибуты
Допустимый контекст
Содержимое
Примеры
Примечания
Цель
Типичное отображение
Основной синтаксис
Возможные атрибуты
Допустимый контекст
Содержимое
Пример
Примечания
Цель
Типичное отображение
Основной синтаксис
Возможные атрибуты
Допустимый контекст
Примеры
Примечания
Цель
Типичное представление
Основной синтаксис
Возможные атрибуты
Допустимый контекст
Содержимое
Примеры
Примечания
Цель
Типичное отображение
Основной синтаксис
Возможные атрибуты
Допустимый контекст
Содержимое
Примеры
Пример BLOCKQUOTE.html: <P>The original context of the saying <I>O tempora, o mores</I> is the following:</P> <BLOCKQUOTE> <P> O tempora, o mores! Senat...
Примечания
Цитирование - это точное копирование чьих-то слов. Если Вы излагаете чью-то речь собственными словами - это уже не цитирование, и должно быть представлено как простой текст (без какой-либо специа...
Цель
Основная структура документа HTML всегда состоит из заголовка и тела. Нет необходимости явно помещать тело в BODY элемент, однако делая так, можно специфицировать атрибуты, влияющие на представле...
Типичное отображение
Если элемент BODY не содержит атрибуты, использование его не дает явного эффекта в непосредственном отображении документа....
Основной синтаксис
<BODY>тело документа</BODY>...
Возможные атрибуты (Нет в HTML 2.0!)
имя атрибута возможные значения смысл BGCOLOR цветовая спецификация фоновый цвет документа TEXT цветовая спецификация цвет для текста документа...
Допустимый контекст
HTML элемент, который может быть либо подразумеваемым, либо явным. Только один элемент BODY разрешен в документе, и он должен находится после элемента HEAD (который тоже может быть как подразумев...
Содержимое
Заголовки, текстовые элементы, блоковые элементы и элементы ADDRESS....
Примеры
Пример BODY-1.html: <BODY> <H1>Sample document</H1> <P> This is just a trivial sample document. Its body contains first a heading, then a paragraph, and nothing else....
Примечания
В документе разрешен только один элемент BODY. Будьте внимательны, когда выбираете цвета для документа. То, что выглядит приятно на Вашем экране, может быть неразличимо на другом. Если Вы устан...
Цель
Выполниться перевод строки....
Типичное отображение
Перевод строки (но не абзаца)....
Основной синтаксис
<BR>...
Возможные атрибуты
имя атрибута возможные значения смысл примечания CLEAR LEFT, RIGHT, ALL, NONE управление текстовым потоком по умолчанию - NONE Атрибут CLEAR может быть и...
Допустимый контекст
Контейнер текста, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML....
Содержимое
Никакое....
Примеры
Типичный пример, где элемент BR использован для перевода некоторого текста на новую строку: Пример BR-1.html: <P> You should always end the terminal session with the command <BR>...
Примечания
Смотрите также разделение на строки и использование символов пробелов и табуляции. Элементы BR могут быть использованы, чтобы смоделировать подабзацы, как объяснено в описании элемента P. Элеме...
Цель
Представить заголовок таблицы....
Типичное представление
Выше или под самой таблицей обычным шрифтом. Обычно заголовок центрирован по горизонтали. (HTML 3.2 не предоставляет средство для изменения поведения броузера.)...
Основной синтаксис
<CAPTION>текст</CAPTION>...
Возможные атрибуты
имя атрибута возможные значения смысл примечания ALIGN TOP, BOTTOM размещение заголовка относительно таблицы (вверху или внизу таблицы) по умолчанию обычно TOP...
Допустимый контекст
Элемент TABLE. Если элемент TR присутствует, элемент CAPTION должен следовать первым, до элемента TR....
Содержимое
Текстовые элементы....
Примеры
<CAPTION>Summary of measurement results</CAPTION> <CAPTION><EM>Mean temperatures</EM></CAPTION>...