Нотариус.

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


Изучение HTML 3.2 на примерах
Jukka Korpela. Перевод "АКДИ Экономика и жизнь"....
Для кого?
Настоящее пособие предназначено для людей, знакомых с ПК, обрабатывающих информацию, которая будет находится на сервере, и желающих узнать, что представляет собой World Wide Web (WWW). Если Вы не...
О чем?
Мы рассматриваем вариант HTML 3.2, который на сегодня является наиболее рекомендуемой версией HTML - языка описания документов, используемого на Web. Эта версия также известна под кодовым названи...
Зачем Вам изучать HTML?
Можно работать на Web без знания языка HTML, так как тексты HTML могут создаваться различными специальными редакторами и конвертерами. Однако, мы адресуем это пособие тем, кто пишет непосредствен...
Почему HTML 3.2?
Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML 3.2 вероятнее всего будут использоваться и в дальнейшем. Изучая HTML 3.2 и познавая его глубже, создавая...
Рамки этого документа
Это пособие предлагает материал для системного изучения HTML 3.2, начиная с базовых структурных свойств и иллюстраций их примерами. К тому же он дает ссылки (связи) на различные существующие...
О версиях этого пособия
Это пособие существует и как подборка взаимосвязанных между собой небольших HTML-файлов, и как единственный HTML-файл. Последние (наиболее современные) копии находятся по адресу: http://www.hu...
Лучше посмотреть на...
Конечно, это пособие согласуется с HTML 3.2 спецификацией, но не пытайтесь провести "оптимизацию" документа для представления на некотором специфическом броузере.. Вы можете работать с...
Получение общей начальной информации о HTML
Если Вы не знакомы с какой-нибудь версией HTML, Вы можете в начале прочитать введение в основные концепции и идеи HTML. Самым доходчивым является NCSA Beginner's Guide to HTML (Руководство по HTM...
Систематическое изучение HTML 3.2
Когда Вы получите основательное общее представление об HTML, предлагаем Вам следующий порядок изучения HTML 3.2: Прочтите разделы Обязательная структура документа и Рекомендуемая структура д...
Официальная HTML 3.2 спецификация
Если у Вас появились сомнения в отношении точности формы, значения и ограничений на теги HTML, Вам необходимо проконсультироваться с официальным документом по HTML, доступном на странице World Wi...
Дополнительные источники информации
Существует большое количество доступно изложенной документации по HTML. Ниже приводим наиболее удачные источники информации по HTML 3.2: Вышеупомянутые Wilbur-HTML 3.2 страницы, содержащие м...
Проверьте Ваш HTML
Если Вы начали создавать и поддерживаете важные HTML документы, Вам необходимо научиться использовать проверенное программное обеспечение, т.е. программы, которые привели бы в соответствие код Ва...
Набор символов
Формально, набор символов, используемых в HTML документе должен включать ISO Latin 1, известную также как ISO 8859-1 кодировку, так как она принадлежит к набору стандартов ISO 8859 быть с...
Теги HTML
Тег HTML состоит из следующих друг за другом в определенном порядке элементов: левой угловой скобки < (такого же, как "меньше чем" символа) необязательного слэша /, который о...
Элементы HTML
Большинство, но не все теги HTML спарены так, что за открывающим тегом следует соответствующий закрывающий тег, а между ними содержится текст или другие теги, например: <H1>Foreword</H...
Aтрибуты
Для каждого тега определяется множество возможных атрибутов. Большинство тегов допускает один или несколько атрибутов, однако атрибутов может и совсем не быть. Спецификация атрибута состоит из ра...
Case чувствительность (чувствительность к выбору)
Что касается имен тегов, атрибутов и большинства значений атрибутов, HTML является case нечувствительным языком. Вы можете, например, написать TITLE, или Title, или title, или даже tItLE, если Ва...
Разделение на строки и использование пробелов и символов табуляции
Когда документ выводится на экран, пробелы и пустые линии не сохраняются, за исключением текста, заключенного в теги PRE (предварительно отформатированный текст). То есть любая последовательность...
Классификация элементов
Способы, которыми теги HTML могут сочетаться, определяются терминами элементов и их классификацией. Гораздо удобнее определить, например, что элемент H1 может содержать только текстовые элементы,...
Разрешенная вложенность элементов
Этот раздел описывает, каким образом в HTML 3.2. элементы могут быть вложены. Здесь не приводятся правила упорядочения или обеспечения повторной вложенности элементов. Здесь просто даются ответы...
Escape последовательности (символьные объекты)
Escape последовательности или, точнее, символьные объекты, представляют собой метод представления специальных символов. Например, escape последовательность &lt; обозначает символ "меньше...
Имена
При изучении HTML слово имя используется, как технический термин. (Вероятно, более соответствующим термином мог бы быть идентификатор, как бы в концепции грубого сходства с идентификатором в язык...
Цвета
В элементах FONT и BODY некоторые конструкции HTML могут быть использованы, чтобы специфицировать цвета: например, цвет фона, цвет текста по умолчанию или цвет текста связи. Так как все мониторы...
Атрибут WIDTH (ширина)
Значение атрибута WIDTH в тегах, например, HR или TABLE можно специфицировать двумя альтернативными путями: как процентную часть промежутка между текущими левой и правой границами; в этом сл...
Пиксели
Используемые в атрибутах значения пикселя определяют пиксели экрана. Физический размер пикселя определяется монитором пользователя. При выводе документа на прибор с очень высоким разрешением, на...
Вертикальное выравнивание (VALIGN)
В некоторых тегах, связанных с таблицами, может быть использован атрибут VALIGN для управления вертикальным выравниванием, т.е. позиционированием в вертикальном направлении ячеек таблицы. Чтобы...
Непрерывный пробел (&nbsp;) (Non-breaking spaces)
Последовательность &nbsp; является escape нотацией для символа, который в других контекстах обычно называется непрерывным пробелом, или, для краткости, NBSP. Согласно ISO 8859, этот символ до...
Комментарии
Файл HTML может содержать комментарии, дающие пояснения для человека, читающего HTML код. Комментарии не влияют каким-либо образом на представление документа, т.е. они игнорируются броузером. Вы...
Обязательная структура документа
Начнем с самого простого HTML документа, содержащего только простой текст Hello world. В HTML файле содержимому обязательно должен предшествовать раздел HEAD, который минимально может состоять из...
Рекомендуемая структура документа
В дополнение к обязательной структуре настоятельно рекомендуется вставлять различные структурные детали. Существуют специальные рекомендации на различных сайтах, и Вы должны внимательно изучить с...
Информация о документе - раздел HEAD
Как уже упоминалось, есть две обязательные структуры в HTML 3.2, и они должны быть написаны в следующем порядке: структура <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">...
Организация содержания - заголовки (headings), абзацы (paragraphs), списки (lists) и т.п.
Как правило, Ваш документ состоит из частей, которые, в свою очередь, тоже делятся на части и т.д. В HTML такое разделение делается с использованием заголовков различного уровня. Части самого ниж...
Логическая разметка в сравнении с физической
Существует два главных класса текстовой разметки: логическая и физическая. Логическая разметка показывает роль текстового сегмента, например, большую значимость по сравнению с обычным текстом или...
Элементы фразы (логическая разметка текста)
Для выделениятекста существует два фразовых элемента - EM и STRONG, где STRONG используется для более сильного выделения. Избегайте выделения слишком больших частей текста, так как подчеркивая в...
Шрифтовые элементы (font elements) - физическая разметка текста
Шрифтовые элементы это: TT "телетайпный" текст, т.е. текст одного размера I курсив B выделение U подчеркивание STRIKE заче...
Отображение разметки
У Вас может появиться желание взглянуть на отдельный файл, чтобы получить визуальное представление о различных элементах разметки на Вашем броузере. Однако не думайте, что отображение, которое Вы...
Представление взаимодействия с компьютером
Для представления взаимодействия человека с компьютером на текстовой или другой основе могут использоваться следующие подходы: компьютерный вывод (подсказки, обычный вывод или сообщения об о...
Управление размещением
Во-первых, сформируйте правильную структуру Вашего документа. Затем, если необходимо, пересмотрите размещение документа. Учтите, что различные броузеры используют различные размещения, и даже одн...
Связи
Связи (часто называемые гиперсвязями) являются особенностью, которая оправдывает наличие части HT в аббревиатуре HTML (HyperText Markup Language - Язык разметки гипертекста). Технически связи сп...
Изображения, формулы и т.п.
Поддержка изображений в HTML - путь в мир графики. Создание и манипулирование изображениями, графическими форматами и другим графическим материалом не является частью HTML. В частности, HTML спец...
Таблицы - tables (Нет в HTML 2.0!)
Концепция таблиц в HTML 3.2 Теги, используемые для представления таблиц Основные табличные структуры Дополнительные свойства; типичная таблица с текстовыми ячейками Параллельные т...
Концепция таблиц в HTML 3.2
Структура таблиц в HTML включает строки и столбцы, которые могут иметь заголовки (headers - имена, титулы, объяснения). Таблица в обычном варианте представляется в естественном виде, с согласован...
Теги, используемые для представления таблиц
Для представления таблиц используются нескольких видов тегов HTML: теги TABLE, которые обрамляют всю табличную спецификацию необязательный элемент CAPTION, специфицирующий заголовок (имя)...
Основные табличные структуры
Давайте начнем с очень простого примера. Он связан с представлением таблицы чисел 2 на 2 (единичная матрицa) без каких либо заголовков. Код HTML выглядит следующим образом: Пример table1.html:...
Дополнительные свойства; типичная таблица с текстовыми ячейками
Есть несколько элементов, которые Вы можете добавить к вышерассмотренной простой табличной модели: Заголовок (caption) для таблицы, связанный с самой таблицей (в дополнение к строкам текста...
Параллельные тексты
Если у Вас есть логически параллельный текст, например, документ на нескольких языках, или несколько вариантов одного текста, элементы TABLE, по-видимому, наилучший способ его представления. (Исп...
Использование таблиц для представления дефинитивных списков
Как упоминалось при рассмотрении списковых элементов, подобных DL, обычно списки определений отображаются не очень удачно. Существует, однако, несколько способов улучшить такое отображение. Испо...
Числовые таблицы
Для многих людей таблицы - это таблицы числовых данных, но таблицы также хорошо могут представлять и другие данные. Для числовых таблиц соответствующее выравнивание обычно важно для формирования...
Использование таблиц для представления меню
Часто требуется представить большой набор относительно малых образов. Например, у нас есть документ о различных странах и мы хотим создать меню из имен стран, чтобы использовать его, как индекс....
Табличные элементы, занимающие несколько строк или столбцов
Иногда требуется создать табличный элемент, объединяющий две или более ячейки, как в горизонтальном, так и в вертикальном направлении. В качестве примера рассмотрим склонение латинских местоимени...
Вложенные таблицы
Таблицы могут быть вложенными, так как элементы TD и TH могут содержать и блоковый элемент и табличный. Во вложенных таблицах легко сделать ошибки, однако их использование все же оправданно. Вам...
Шрифты в табличных элементах
У нас часто спрашивают: каким образом для данных в таблице можно задавать вид, размер и цвет шрифта? Короткий ответ такой: никак. Когда необходимо, логическая разметка для текстовых элементов ис...
Таблицы стилей
Таблицы стилей не являются частью HTML. Они могут быть использованы даже в соединении с HTML 2.0, не взирая на то, что HTML 2.0 не содержит специфичных конструкций, связанных с таблицами стилей....
Индексы и надписи
*A *ADDRESS *APPLET *AREA *B *BASE *BASEFONT *BIG *BLOCKQUOTE *BODY *BR *CAPTION *CENTER *CITE *CODE *DD *DFN *DIR *DIV *DL *DT *EM *FONT *FORM *H1 *H2 *H3 *H4 *H5 *H6 *HEAD *HR...
Цель
Чтобы установить гиперсвязи (hyperlinks) и "якоря" (anchors) для них, т.е. определить, какое слово или другая конструкция в документе обеспечивает связь с ресурсом (например, с файлом H...
Типичное представление
A-элемент в программе из вида <A HREF="цель">текст якоря</A> преобразуется при выводе на экран так, что текст якоряпредставляется способом, выделяющим его из другого текста...
Основной синтаксис
<A HREF="цель">текст якоря</A> или <A NAME="имя"></A>...
Возможные атрибуты
имя атрибута возможные значения смысл примечания NAME строка символов имя для связанного "конца" должно быть уникальным в пределах документа...
Допустимый контекст
Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Включает большинство HTML элементов....
Содержимое
Текстовые элементы. Заметим, что они включают элемент IMG (изображение может быть представлено, как "текст якоря"), но не могут содержать заголовки (headings) (A-элемент может быть в пр...
Примеры
Пример A.html: <P>A hyperlink referring to a document in the same directory as the current one: <A HREF="ADDRESS.html">/examples of using ADDRESS tag</A>. <P&g...
Примечания
Смотрите общее обсуждение изображений, формул и т.д., которое содержит дополнительные примеры. По поводу ISMAP смотрите примеры IMG. Не используйте текстовое представление якоря, предлагая фраз...
Цель
Предоставить контактную информацию об авторе текущего документа (т.е. документа, в котором находится элемент)....
Типичное представление
Типичное представление требует завершение абзаца до и после элемента. Но для Netscape это необязательно (для примера см. ниже). Для представления броузеры используют некоторый специальный шрифт т...
Основной синтаксис
<ADDRESS>адресная информация<ADDRESS>...
Возможные атрибуты
Никаких....
Допустимый контекст
Блоковый контейнер....
Содержимое
Текстовые элементы и P....
Примеры
Очень простая адресная информация, содержащая только E-mail адрес (адрес электронной почты) автора: Пример ADDRESS-1.html: <ADDRESS> <P> Jukka.Korpela@hut.fi </P> </AD...
Примечания
В Руководстве NCSA для начинающих работу с HTML сообщается, что элемент ADDRESS лучше не использовать для почтовых адресов, однако в HTML 2.0 спецификации об этом не упоминается, и приведенный вы...
Цель
Внедрение (вставка) Java апплетов в HTML документ....
Типичное отображение
Если броузер приспособлен к использованию Java апплетов, он может запустить апплет на исполнение. Если нет - он высвечивает содержимое (после элемента PARAM) апплета, или строку, специфицируемую...
Основной синтаксис
<APPLET CODE="имя апплет-файла" WIDTH=m HEIGHT=n ALIGN=выравнивание> текстовое описание </APPLET>...
Возможные атрибуты
имя атрибута возможные значения смысл примечания CODEBASE URL основной URL апплета; обычно задает директорию или папку, содержащую код апплета по умолчанию -...
Допустимый контекст
Контейнер текста, т.е. любой элемент, который может содержать текстовый элемент. Включает большинство элементов HTML....
Содержимое
Ноль или более элементов PARAM, за которыми следует ноль или более элементов текста. Назначение и использование элементов текста в содержимом точно не определено. В HTML 3.2 Ссылочной специфика...
Примеры
Простой пример: <APPLET CODE="Bubbles.class" WIDTH=500 HEIGHT=500 ALIGN=MIDDLE> Java applet that draws animated bubbles. </APPLET> Более сложный пример, использующий...
Примечания
Даже если броузер поддерживает Java, поддержка может быть снята системным администратором или отдельными пользователями, что часто и происходит, так как существует мнение, что Java несет слишком...
Цель
Для определения области ("горячей зоны") в реагирующей на нажатие клавиши схеме....
Типичное представление
Видимого эффекта нет, но когда пользователь "кликнет" в специфицированной области, идет обращение к документу, упомянутому в элементе AREA. Чтобы помочь пользователю, броузер может выв...
Основной синтаксис
<AREA HREF="URL" COORDS="x1, y1, x2, y2">...
Возможные атрибуты
имя атрибута возможные значения смысл примечания SHAPE RECT, CIRCLE, POLY очертания области по умолчанию RECT COORDS строка или форма, определяема...
Допустимый контекст
MAP элемент....
Содержимое
Ничего....
Примеры
<AREA HREF="guide.html" ALT="Guide" COORDS="0, 0, 118, 28">...
Примечания
Если два или более региона перекрываются, регион, определенный первым в схеме (MAP) имеет преимущество перед последующими регионами. Это означает, что элементы AREA с атрибутом NOHREF должны уста...
Цель
Представить текст выделенным (жирным) шрифтом....
Типичное представление
Выделенное (жирным шрифтом). См. общие примечания к отображению разметки....
Основной синтаксис
<B>текст</B>...
Возможные атрибуты
Никаких....
Допустимый контекст
Контейнер текста, т.е. любой элемент, который может содержать элементы текста. Это включает большинство элементов HTML. Элементы текста могут быть вложенными....
Содержимое
Элементы текста. Заметим, что не разрешается перевод (прерывание) абзаца....
Примеры
Пример B-1.html: Compare <B>bolded text</B> with normal text....
Примечания
Избегайте использования элемента B. Вместо него используйте логическую разметку, например, элементы EM или STRONG для подчеркивания. Смотрите общие примечания по разметке текста, где приведены д...
Цель
Задание базового URL для относительных URL в документе (например, в атрибутах HREF элемента A). Этот элемент часто используется для отображения документов. Например, у нас задан: <BASE href=&...
Типичное отображение
Никакое. Элемент BASE непосредственно не отображается в документе....
Основной синтаксис
<BASE HREF="URL">...
Возможные атрибуты
имя атрибута возможные значения смысл примечания HREF URL базовый URL обязателен...
Допустимый контекст
Элемент заголовка (HEAD), в котором может быть только один элемент BASE....
Содержимое
Никакое....
Пример
<BASE HREF="http://www.hut.fi/~jkorpela/"> То есть, связь <A HREF="lists.html">list /examples</A> эквивалентна <A HREF="http://www.hut.fi/~jkorpe...
Примечания
Так как в документе допускается только один элемент BASE, Вы не можете иметь различные базовые URL в различных частях файла HTML. При отсутствии элемента BASE в документе URL самого документа ст...
Цель
Спецификация размера основного шрифта (относительно других размеров)....
Типичное отображение
BASEFONT устанавливает основной размер шрифта, применяемый к обычному и предварительно отформатированному тексту, но не к заголовкам, за исключением тех, которые модифицируются с использованием э...
Основной синтаксис
<BASEFONT SIZE=n>...
Возможные атрибуты
имя атрибута возможное значение смысл SIZE строка размер шрифта (1 - 7) Из HTML 3.2 Ссылочных спецификаций не явствует, должен ли атрибут SIZE следовал тем же пр...
Допустимый контекст
Контейнер текста, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство HTML элементов. Элементы текста могут быть вложенными....
Содержимое
Никакое....
Примеры
Пример BASEFONT-1.html: <P>This is text with default font size (3).</P> <BASEFONT SIZE=5> <P>This is text with font size 5 with <FONT SIZE=1>some text</FONT&g...
Примечания
Избегайте использования элемента BASEFONT по причинам, объясненным при обсуждении разметки текста. Используйте элемент FONT, а еще лучше SMALL или BIG, чтобы установить размер шрифта локально (з...
Цель
Представление текста большим шрифтом....
Типичное представление
Больше, чем нормальный шрифт. Смотрите общие примечания по отображению разметки....
Основной синтаксис
<BIG>текст</BIG>...
Возможные атрибуты
Никаких....
Допустимый контекст
Контейнер текста, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство HTML элементов. Элементы текста могут быть вложенными....
Содержимое
Текстовые элементы. Заметим, что перевод абзаца не допускается....
Примеры
Пример BIG-1.html: That was a <BIG>big</BIG> mistake!...
Примечания
Избегайте использования BIG. Вместо него вставляйте логическую разметку. В частности, для подчеркиваний используйте элементы EM или STRONG. Смотрите общие примечания по текстовой разметке, где п...
Цель
Представить (в типовом варианте - длинную) цитату, как блок цитирования (в противоположность коротким цитатам, вставленным в текст абзаца)....
Типичное отображение
Как отдельный абзац (или последовательность абзацев). Часто с отступом (возможным как слева, так и справа). Часто - шрифтом, отличным от простого текста, обычно - курсивом....
Основной синтаксис
<BLOCKQUOTE> текст цитаты </BLOCKQUOTE>...
Возможные атрибуты
Никаких....
Допустимый контекст
Контейнер блока....
Содержимое
Заголовки, текстовые элементы, блоковые элементы и элементы ADDRESS....
Примеры
Пример 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>...


- Начало -