Шаг 1 - Первый документ


Тема

Содание HTML- документа

Все гипертекстовые документы должны быть размещены в контейнере HTML. Это нужно для того, чтобы браузер понял, что он имеет дело именно с гипертекстом. Таким образом, неважно даже, какое расширение имеет файл, он всё равно будет интерпретироваться как гипертекст *.

* начиная с Windows 95 способ отображения файла зависит от расширения. Браузеры игнорируют расширение только в Win 3.11.

Рекомендуется использовать стандарные расширения- HTM и HTML. Расширение HTML потом не позволит работать под Win 3.11, также как и имя более 8 символов.

Внутри контейнера HTML (контейнера документа HTML) размещают два контейнера- HEAD и BODY (если это не документ, объявляющий фреймы- об этом позже).

<Html>

</Html>

HEAD и BODY- это два контейнера, которые задают области заголовка и тела. Эти две области различаются набором допустимых в них команд.

Так, область заголовка HEAD (по-английски голова), обычно включает в себя контейнер TITLE, задающий заголовок окна браузера.

Область тела документа (BODY) включает в себя сам гипертекстовый документ, он отображается в рабочей области окна браузера.

С учётом сказанного, HTML-документ примет следующий вид:

<Html>

</Html>

Важно !

Все команды разметки и текст документа размещаются в контейнере BODY. Содержимое контейнера TITLE не превышает одной строки.

Не нужно набирать текст стандартного документа, а тем более несколько раз. Браузер позволяет его скопировать.


Наверх

Стандартный документ

Стандартный документ обычно содержит в себе заголовок, разделительную линию и текст.

Заголовок
Заголовок- это текст, который выделяется на странице. Заголовок задаётся помещением текста заголовка в контейнер H1, H2, H3 ... H6. Таким образом, имеется 6 уровней заголовков в документе.
Разделительная линия
Разделительная линия- это горизонтальная полоса, обычно смотрящаяся трёхмерной. Разделительная полоса задаётся одиночным тегом HR.
Текст
Текст помещается сразу за тегом разделительной полосы.

... и отметим, что весь этот код размещается в теле документа, т.е. между <BODY> и </BODY>

<Html>

</Html>

В качестве текста рекомендуется взять честверостишие или произвольный текст, который логически должен располагаться на нескольких строках.


Наверх

Работа с текстом в HTML

Символы пробелов, разрыва строки, табуляции игнорируются.

Т.е. пробелы, символы разрыва строки и табуляции в любом количестве служат только для одного- для сигнализации промежутка между словами. Т.е. текст любой длины будет воспроизведён единым абзацем.

Поскольку наблюдается аналогия с Word, рассмотрим работу с текстом на его примере.

Word при работе с текстом оперирует двумя понятиями- абзац и мягкий перенос строки.

Абзац имеет отступы перед и после, мягкий перенос (в Word Shift-Enter) используются для переноса строки внутри самого абзаца и строка, перенесённая мягким переносом, не имеет отсупов перед и после.

В HTML для задания абзаца используется контейнер P. Для мягкого переноса- одиночный тег BR.


Наверх

Задание ссылок

Ссылка состоит из двух частей- элемента, который служит ссылкой, который видит пользователь и того факта, что браузер считает этот элемент ссылкой.

В качестве ссылки может выступать текст, рисунок, целый абзац, а, если пользователь не закроет контейнер ссылки в самом начале документа, то весь документ.

Ссылка задаётся контейнером A, в который помещается текст ссылки.

Кроме этого требуется обязательный параметр, задающий объект, на который ссылается ссылка.

<A HREF="объект">Текст ссылки</A>

В качестве объекта чаще всего выступает гипертекстовый документ, который по щелчку на ссылке будет открыт браузером. Если объект представлен в виде mailto:abonent@server, то щелчок на ссылке приведёт к появлению диалога для написания электронного письма. Также это может быть и файл с произвольным расширением.

В последнем случае, если файл текстовый или графический, то браузер попытается открыть его сам. Если ему это не удастся, он попытается найти приложение, сопоставленное расширению указанного файла и запустит его. В случае, когда и этот вариант не пройдёт, браузер предложит пользователю сохранить файл на диске.

В случае, если объекты ссылок располагаются в том же каталоге, что и текущий файл, указывать адрес не требуется. Для первых шагов в HTML рекомендуется именно такая схема- есть каталог, в котором располагаются тренировочные файлы.

Следует отметить, что лучше всего задавать имя файла в кавычках. При этом нет разницы между одинарными и двойными кавычками.

Важно !

Особое внимание должно быть направлено на то, чтобы все кавычки были парными (закрытыми). Незакрытые кавычки приводят к пропаже части документа.


Наверх

Комментарий

Комментарий- это средство, с помощью которого пользователь упрощает чтение исходного текста документа в первую очередь для себя самого.

Комментарий представляет собой одиночный тег <!-- текст комментария -->

Комментарий может быть расположен в любом месте контейнера HTML. Пересечение с другими тегами не разрешено.


Наверх