Урок 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 не действует.
|
