2. Основы HTML

После экскурса в историю создания Web и теоретических основ технологии перейдем непосредственно к предмету - языку HTML.

2.1. Базовые элементы языка и структура HTML документа

Базовым элементом языка разметки гипертекста является - ТЕГ (дескриптор, маркер). Тег всегда заключен между скобками < > и имеет следующий вид:

<ТЕГ атрибут 1=ЗНАЧЕНИЕ ... атрибут N=ЗНАЧЕНИЕ>

Теги бывают одиночными и контейнерными. Контейнером называется пара: открывающий <ТЕГ> и закрывающий </ТЕГ>.

<ТЕГ> Контейнер </ТЕГ>

Открывающий тег служит для указания программе-броузеру начала какого-либо объекта или задания свойств объектов помещенных в контейнер. Закрывающий тег служит для указания программе-броузеру о конце объекта или окончания применения свойств, заданных в открывающем теге.

Атрибуты тега задают значения свойств данного объекта или объектов помещенных в контейнер. Значения свойств, содержащие пробелы, берутся в кавычки, в остальных случаях кавычки можно опустить.

HTML документ представляет собой обычный текстовый файл, содержащий маркированный тегами форматирования текст, а так же заданные специальными тегами ссылки на графические и прочие файлы мультимедиа, ссылки на другие документы HTML и ресурсы Internet.

Документ HTML начинается открывающим тегом <HTML> и заканчивается закрывающим тегом </HTML>. Между данной парой контейнерных тегов располагаются две другие основные части HTML документа: заголовок заключенный в контейнер <HEAD>...</HEAD> и тело документа в контейнере <BODY>...</BODY>. Таким образом структура простого HTML документа выглядит примерно так:

Структура HTML документа

<HTML> - Начало документа

<HEAD>
ЗАГОЛОВОК ДОКУМЕНТА
</HEAD>

<BODY>
ТЕЛО ДОКУМЕНТА
</BODY>

</HTML> - Конец документа

Совет А знаете ли вы что можно посмотреть HTML-код страницы в окне броузера ?
Большинство Web-броузеров позволяют просматривать Web-страницы в формате HTML. Например, в броузере Internet Explorer, для просмотра исходного кода документа необходимо нажать на просматриваемой странице правую кнопку мыши и выбрать во всплывающем меню пункт - Просмотр в виде HTML.
Очень полезно, в целях самообучения, посмотреть как реализованы отдельные элементы на профессионально разработанных сайтах. Главное в этом деле не нарушать авторские права владельцев - например, копированием их графических элементов или сценариев на свои страницы.

Ваши вопросы и замечания прошу направлять dmitriy_v_k@hotmail.com
© 2001 Дмитрий Красюк
Дата последней модификации: Пятница Март 30, 2001.