Тема |
Все гипертекстовые документы должны быть размещены в контейнере HTML. Это нужно для того, чтобы браузер понял, что он имеет дело именно с гипертекстом. Таким образом, неважно даже, какое расширение имеет файл, он всё равно будет интерпретироваться как гипертекст *.
* начиная с Windows 95 способ отображения файла зависит от расширения. Браузеры игнорируют расширение только в Win 3.11.
Рекомендуется использовать стандарные расширения- HTM и HTML. Расширение HTML потом не позволит работать под Win 3.11, также как и имя более 8 символов.
Внутри контейнера HTML (контейнера документа HTML) размещают два контейнера- HEAD и BODY (если это не документ, объявляющий фреймы- об этом позже).
<Html>
HEAD и BODY- это два контейнера, которые задают области заголовка и тела. Эти две области различаются набором допустимых в них команд.
Так, область заголовка HEAD (по-английски голова), обычно включает в себя контейнер TITLE, задающий заголовок окна браузера.
Область тела документа (BODY) включает в себя сам гипертекстовый документ, он отображается в рабочей области окна браузера.
С учётом сказанного, HTML-документ примет следующий вид:
<Html>
Важно !
Все команды разметки и текст документа размещаются в контейнере BODY. Содержимое контейнера TITLE не превышает одной строки.
Не нужно набирать текст стандартного документа, а тем более несколько раз. Браузер позволяет его скопировать.
Стандартный документ обычно содержит в себе заголовок, разделительную линию и текст.
... и отметим, что весь этот код размещается в теле документа, т.е. между <BODY> и </BODY>
<Html>
В качестве текста рекомендуется взять честверостишие или произвольный текст, который логически должен располагаться на нескольких строках.
Символы пробелов, разрыва строки, табуляции игнорируются.
Т.е. пробелы, символы разрыва строки и табуляции в любом количестве служат только для одного- для сигнализации промежутка между словами. Т.е. текст любой длины будет воспроизведён единым абзацем.
Поскольку наблюдается аналогия с Word, рассмотрим работу с текстом на его примере.
Word при работе с текстом оперирует двумя понятиями- абзац и мягкий перенос строки.
Абзац имеет отступы перед и после, мягкий перенос (в Word Shift-Enter) используются для переноса строки внутри самого абзаца и строка, перенесённая мягким переносом, не имеет отсупов перед и после.
В HTML для задания абзаца используется контейнер P. Для мягкого переноса- одиночный тег BR.
Ссылка состоит из двух частей- элемента, который служит ссылкой, который видит пользователь и того факта, что браузер считает этот элемент ссылкой.
В качестве ссылки может выступать текст, рисунок, целый абзац, а, если пользователь не закроет контейнер ссылки в самом начале документа, то весь документ.
Ссылка задаётся контейнером A, в который помещается текст ссылки.
Кроме этого требуется обязательный параметр, задающий объект, на который ссылается ссылка.
<A HREF="объект">Текст ссылки</A>
В качестве объекта чаще всего выступает гипертекстовый документ, который по щелчку на ссылке будет открыт браузером. Если объект представлен в виде mailto:abonent@server, то щелчок на ссылке приведёт к появлению диалога для написания электронного письма. Также это может быть и файл с произвольным расширением.
В последнем случае, если файл текстовый или графический, то браузер попытается открыть его сам. Если ему это не удастся, он попытается найти приложение, сопоставленное расширению указанного файла и запустит его. В случае, когда и этот вариант не пройдёт, браузер предложит пользователю сохранить файл на диске.
В случае, если объекты ссылок располагаются в том же каталоге, что и текущий файл, указывать адрес не требуется. Для первых шагов в HTML рекомендуется именно такая схема- есть каталог, в котором располагаются тренировочные файлы.
Следует отметить, что лучше всего задавать имя файла в кавычках. При этом нет разницы между одинарными и двойными кавычками.
Важно !
Особое внимание должно быть направлено на то, чтобы все кавычки были парными (закрытыми). Незакрытые кавычки приводят к пропаже части документа.
Комментарий- это средство, с помощью которого пользователь упрощает чтение исходного текста документа в первую очередь для себя самого.
Комментарий представляет собой одиночный тег <!-- текст комментария -->
Комментарий может быть расположен в любом месте контейнера HTML. Пересечение с другими тегами не разрешено.