Придумать HTML конструкцию

Для того, чтобы текстовый файл превратился в HTML-файл, поменять его расширение с ".txt" на ".html" недостаточно. Надо соблюсти "правило первой строки":

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE, которая обычно выглядит так:

lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"gt;

Эта строка поможет браузеру определить, как правильно интерпретировать данный документ. В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 3.2 (это проверенная, но очень старая версия). Как видно из примера, самый короткий html-документ состоит буквально из одной строки.

Пример самого короткого HTML-документа:

lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"gt;С чего начинается работа

На самом деле одной строкой дело не обходится. После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера lt;HTMLgt;. Необходимо отметить, что любой HTML-документ открывется тегом lt;HTMLgt; и им же закрывается.

Затем, между тегами lt;HTMLgt; и lt;/HTMLgt; следует разместить заголовок и тело документа. Вот и все! Начало положено – вы получили прекрасную заготовку. Вот как должен выглядеть ваш базовый HTML-файл перед началом работы:

lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"gt;
lt;HTMLgt;
    lt;HEADgt;
    lt;TITLEgt;Заголовок документаlt;/TITLEgt;
    lt;/HEADgt;
lt;BODYgt;
Текст документа
lt;/BODYgt;
lt;/HTMLgt;

Если приведенный выше пример пояснить схематически, получится следующее:

Из схемы видно, что документ состоит из двух основных блоков – "заголовка" и "тела документа". Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY.

Заголовок содержит "техническую" информацию о документе, хотя чаще всего используется только для обозначения его названия (см. элемент TITLE).

Тело документа – святая святых. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы. Соответственно, делаем вывод: большинство ваших HTML-экспериментов будет проводиться в пространстве между тегами lt;BODYgt; и lt;/BODYgt;