SEMNIC                                                     Главная | HTML | CSS | Статьи


 

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


Каждый - size: 10pt; 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 - название документа. Кроме того, он содержит всю техническую информацию, различные таблицы стилей и.т.п. А основное содержание текста, таблиц, рисунков, - это в теле документа.

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

структура html документа

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

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

Очень будут полезны в создания веб-сайтов и оченнь пригодятся вставки комментариев. Почему? Да, потому что через месяц после его создания, вам будет трудно понять, какие строчки к чему относятся, потому что кода будет очень много. И если бы вы комментировать свои действия - то разобраться с этим будет гораздо проще! Ведь это учебник HTML с примерами, тогда обратимся к ним :

Пример:



        <!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 не действует.

↑ Вверх ↑

См. также

Следующий   -Урок 2: Создаем свою первую страничку
Предыдущий - Введение в язык html