Основы языка разметки гипертекста - HTML
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.
Очень полезно, в целях самообучения, посмотреть как реализованы отдельные
элементы на профессионально разработанных сайтах. Главное в этом деле не
нарушать авторские права владельцев - например, копированием их графических
элементов или сценариев на свои страницы.
|
|