Структура HTML-документа.
HTML-документ представляет собой текстовый файл с расширением *.html или *.htm
Если не верите, попробуйте написать любой текст в Вашем текстовом редакторе и сохранить его с расширением *.htm Потом откройте созданный Вами файл. (скорее всего он откроется Вашим браузером)
Если Вы попробовали это сделать, то убедились в том, что HTML-документ представляет собой текстовый файл.
Казалось бы, что тут трудного - сохранил текстовые файлы с расширением *.htm , - и сайт готов. В каком-то смысле Вы будете правы.
Но создание HTML-документа лучше всё же производить по определённым правилам.
Итак, если представить структурную схему HTML-документа, то видно, что он состоит из
Определения (инициализации) документа
"Головы" документа (От английского слова HEAD)
"Тела" документа (От английского слова BODY)
Эти основные части напоминают определённый блок, который обычно изображают на структурной схеме как квадратную скобку. Эта квадратная скобочка имеет начало и конец. Для определения этих условных границ так называемых блоков используются специальные метки. Об этих метках чуть позже.
Мы не думаем, что Вы сможете прямо с ходу запомнить, для чего какая метка нужна, поэтому советуем записать все метки себе на листочек. В процессе создания HTML-документов Вам постепенно запомнятся эти метки.
Итак, посмотрите ещё раз на структурную схему "блока". Из рисунка ясно видно, что каждая из таких меток имеет пару. Если блок где-то начинается, то он обязательно должен где-то закончиться. И наоборот, если он где-то заканчивается, то он обязательно должен где-то начинаться.
Блоки головы и тела документа находятся внутри блока инициализации документа.
При изучении программирования, чтобы не запутаться, часто используют метод "Лесенка", то есть каждый блок располагается с определённым отступом от левого края. Советуем пользоваться этим методом и при создании HTML-документа. Так Вы будете меньше путаться с метках.
Не бойтесь, Ваши отступы не будут сказываться на внешнем виде Вашего готового документа, потому что браузер убирает лишние пробелы.
Теперь о метках:
Все метки находятся внутри скобочек, состоящих из математических знаков "больше" и "меньше". То есть метки будут выглядеть так:
<метка начала блока>
</метка конца блока>
Наклонная палочка перед именем метки служит признаком окончания блока. Сами имена меток можно писать или маленькими буквами, или большими (кому как нравится)
Итак, основные пары меток:
Метки инициализации HTML-документа: <html> и </html>
Метки "головы" документа: <head> и </head>
Метки "тела" документа: <body> и </body>