Урок 1: Структура web-документа. Вставка комментария

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

<! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN"

" http: //www.w3.org/TR/html4/loose.dtd" >

В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 4.01. Не пытайтесь запомнить эту строчку наизусть, главное – вы должны знать, что она необходима. Ведь именно она помогает сделать сайт, который будет одинаково смотреться во всех браузерах (обычно это три основных Internet Explorer, Opera, Firefox).

Далее обозначается начало и конец документа тегами < html> и < /html> соответственно. Внутри этих тегов должны находиться теги головы (< head> < /head>) и тела документа (< body> < /body>).

Обычно основой головы документа является элемент TITLE – заголовок документа. Также там содержится вся техническая информация, различные таблицы стилей и.т.п. А основное содержимое: текст, таблицы, картинки, – находится в теле документа.

На этой смешной картинке я попытался схематически изобразить структуру:

Как вы видите, голова находится над телом, поэтому, никогда не размещайте голову документа в теле документа (или наоборот). Сначала закрываем голову документа < /HEAD>, и лишь затем открываем тело < BODY>. И еще, у документа одна голова и одно тело, и не стоит пытаться создавать их большее количество.

Вставка комментария: <! -- -->

Очень полезным при создании сайтов является вставка комментария. Почему? Да потому, что через месяц после создания, вам будет трудновато разобраться, что к чему, ведь кода будет очень много. А если вы будете комментировать свои действия – тогда разобраться будет значительно легче!

Приведу пример:

<! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN"

" http: //www.w3.org/TR/html4/loose.dtd" >

< html>

< head>

< title> Сайт о собаках < /title>

< /head>

<! -- начнем работать с телом документа -->

< body>

<! -- вставляем таблицу с перечнем основных пород собак -->

...

< /body>

<! -- закончили с телом документа -->

< /html>

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

Вначале комментарий нужно открыть тегом <! -- затем вписать текст, и закрыть тегом -->;.

Примечание: тег <! -- --> внутри элемента TITLE не действует.