Мы изучим все теги заголовка и тела в последующих уроках, теперь давайте посмотрим, что такое тег декларации документа.

Декларация

Тег декларация используется веб-браузером для понимания версии HTML, используемой в документе. Текущая версия HTML - 5, и она использует следующее объявление:

Существует много других типов объявлений, которые могут использоваться в документе HTML в зависимости от того, какая версия HTML используется. Мы увидим более подробную информацию об этом при обсуждении тега вместе с другими тегами HTML.

• 1. HTML-документы – это структурные документы.
• 2. Названия элементов можно писать в любом регистре.
• 3. Названия атрибутов можно писать в любом регистре.
• 4. Значения атрибутов зависят от регистра, особенно адреса (особенность Unix-операционных систем состоит в различной трактовке символов в разных регистрах, поэтому файлы

picture .gif и picture.GIF различны!).

• 5. Названия элементов не могут содержать пробелов.
• 6. Если значения атрибутов содержат пробелы, они должны стоять в кавычках.
• 7. Дополнительные пробелы, символы табуляции и возврата каретки игнорируются и сжимаются в один пробел.
• 8. Элементы могут быть вложены друг в друга. При этом должно соблюдаться правило вложенности. Внутри вложенного элемента помимо открывающего тега должен быть и закрывающий. Пересечения некорректны:

Структура документа HTML

9. Незнакомые элементы и атрибуты игнорируются браузерами ("снисхождение к ошибкам").

Большинство документов имеют стандартные элементы, такие как заголовок, параграфы или списки. Используя теги HTML, можно обозначать данные элементы, обеспечивая веб-браузеры минимальной информацией для отображения данных элементов, сохраняя в целом общую структуру и информационную полноту документов. Все, что необходимо чтобы прочитать HTML-документ, – это веб-браузер, который интерпретирует теги HTML и воспроизводит на экране документ в виде, который ему придает автор.

Когда веб-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тег, который встречается в документе, должен быть тегом . Данный тег сообщает веб-браузеру, что документ написан с использованием HTML.

Комментарии в HTML. Как любой язык, HTML позволяет вставлять в тело документа комментарии, которые сохраняются при передаче документа по сети, но не отображаются браузером. Часто в комментарии "прячут" некоторые теги или целые синтаксические конструкции от старых версий браузеров, которые не способны их обработать. Комментарии могут встречаться в документе где угодно и в любом количестве. Необходимо помнить, что комментарии увеличивают объем документа, а следовательно, и время загрузки.

Общая заголовочная часть документа. Тег заголовочной части документа должен быть использован сразу после тега и более нигде в теле документа. Данный тег представляет собой общее описание документа. Стартовый тег помещается непосредственно перед тегом , размещается внутри тегов . Заголовок документа не появляется при отображении самого документа в окне.

Теги тела документа. Теги тела документа идентифицируют отображаемые в окне компоненты HTML-документа. Тело документа может содержать ссылки на другие документы, текст и другую форматированную информацию.

Тело документа. Тело документа должно находиться между тегами и . Это та часть документа, которая отображается как текстовая и графическая (смысловая) информация вашего документа.

Уровни заголовков <Нх>. Первый уровень заголовков (самый большой) обозначается цифрой 1, следующий – 2, и так до цифры 6. Большинство браузеров поддерживает интерпретацию шести уровней заголовков, определяя каждому из них собственный стиль. Для большинства случаев текст такого заголовка станет жирным, и после текста будет отбита пустая строка. Важным является то, что эти теги определяют логическую структуру документа, участвуют в индексации поисковыми системами Интернет. Заголовки выше шестого уровня не являются стандартом и могут не поддерживаться браузером.

Тег абзаца <Р>. В отличие от большинства текстовых процессоров, в HTML-документе игнорируются символы возврата каретки. Браузер разделяет абзацы только при наличии тега <Р>. Если не разделить абзацы тегом <Р>, то документ будет выглядеть как один большой абзац.

Тег предформатированного текста

.
Тег 
Позволяет представлять текст со специфическим форматированием на экране. Предварительно сформатированный текст заканчивается завершающим тегом 
. Внутри предварительно сформатированного текста разрешается использовать: перевод строки, символы табуляции (сдвиг на восемь символов вправо), непропорциональный шрифт Courier, устанавливаемый браузером.

Теги списков.
Существует три основных вида списков в HTML-документе: нумерованный, маркированный, список описаний.
Можно создавать вложенные списки, используя различные теги списков или повторяя одни внутри других. Для этого просто необходимо разместить одну пару тегов (стартовый и завершающий) внутри другой. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка, зависит от браузера.
Нумерованные списки. В
пронумерованном списке браузер автоматически вставляет номера элементов по порядку. Это означает, что если удалить один или несколько элементов пронумерованного списка, то остальные номера автоматически будут пересчитаны.
 
 и завершается тегом 
 
.

Маркированные списки. Для
маркированных списков браузер обычно использует маркеры для элемента списка. Вид маркера, как правило, настраивает пользователь браузера.
Пронумерованный список начинается стартовым тегом 
 и завершается тегом 
. Каждый элемент списка начинается с тега <ы>.

Форматирование шрифта.
HTML допускает два подхода к шрифтовому выделению фрагментов текста. С одной стороны, можно прямо указать, что шрифт на некотором участке текста должен быть жирным или наклонным, т.е. изменить физический стиль текста. С другой стороны, можно пометить некоторый фрагмент текста как имеющий некоторый отличный от нормального логический стиль, оставив интерпретацию этого стиля браузеру.
Графика внутри HTML-документа.
Одна из наиболее привлекательных черт WEB – возможность включения графических и иных типов данных в HTML-документ.
Существует два способа использования графики в HTML-документах. Первый – внедрение графических образов в документ, что позволяет пользователю видеть изображения непосредственно в контексте других элементов документа. Делается это при помощи тега . Этот тег точечный, т.е. он не закрывается. Синтаксис тега:

Обязательный параметр имеет такой же синтаксис, как и стандартный URL. Данный URL указывает браузеру, где находится
рисунок. Рисунок должен храниться в графическом формате, поддерживаемом браузером. На сегодняшний день это форматы GIF, JPG, PNG. Они поддерживаются большинством браузеров.
АLТ="текст"
Данный необязательный элемент задает текст, который будет отображен браузером, не поддерживающим отображение графики или с отключенной графикой изображений. Обычно это короткое описание изображения, которое пользователь мог бы или сможет увидеть на экране. Если данный параметр отсутствует, то на месте рисунка большинство браузеров выводит пустую рамку. Тег  рекомендуется, если пользователи используют браузер, не поддерживающий графический режим, например Lynx, и для индексации в поисковых системах. Текст виден также при удержании курсора мыши в течение некоторого времени без движения над изображением в виде системной подсказки под курсором.
Большинство браузеров позволяет включать в документ фоновый рисунок, который будет дублироваться как кафельная плитка в ванной и отображаться фоном всего документа. Это второй способ. Некоторые пользователи любят фоновую графику, некоторые нет. Обычно хорошо выглядит в качестве фона для большинства документов ненавязчивый полупрозрачный рисунок (обои).
Гипертекстовые ссылки являются ключевым компонентом, обусловливающим привлекательность WEB для пользователей. Добавляя гипертекстовые ссылки (далее – ссылки), пользователь делает набор документов связанным и структурированным, что позволяет получать необходимую ему информацию максимально быстро и удобно.
Ссылки имеют стандартный формат, что позволяет браузеру интерпретировать их и выполнять необходимые функции (вызывать методы) в зависимости от типа ссылки. Ссылки могут указывать на другой документ, специальное место данного документа или выполнять другие функции, например запрашивать файл. В качестве гиперссылки можно указывать текст или изображение или все вместе.
Структура ссылок в HTML-документе.
Для того чтобы браузер отобразил ссылку на URL, необходимо поместить текст или картинку внутрь тега гиперссылки. Синтаксис HTML следующий:
<А HREF="URL">текст-или-картинка-которые-будут-п одсвечены-как-ссылка 

Тег <А HREF="URL"> открывает описание ссылки, а тег  – закрывает его. Любой текст, находящийся между данными двумя тегами, подсвечивается специальным образом веб-браузером. Обычно этот текст отображается подчеркнутым и выделенным цветом. Изображение обрамляется прямоугольной рамкой. Текст, обозначающий URL, не отображается браузером, а используется только для выполнения предписанных им действий при активизации ссылки (обычно при щелчке мыши на подсвеченном или подчеркнутом тексте).
Ссылки на метки внутри документа.
Можно делать ссылки на различные участки или разделы одного и того же документа, используя специальные скрытые метки для этих разделов. Это позволяет быстро переходить от раздела к разделу внутри документа, не используя прокрутку экрана. Как только пользователь щелкнет на ссылке, браузер переместит его на указанный раздел документа, а строка, в которой стоит метка данного раздела, будет размещена на первой строке окна браузера (если хватит "длины" документа в окне браузера).
Как и любой другой язык программирования, HTML подразумевает некую стандартизированную структуру построения программы, в данном случае - html-документа. Такая структура описывает очередность следования ряда обязательных блоков, которые содержат непосредственно программный код.
 
Директивы HTML называются «теги» (от англ. tag - отметка). Теги HTML заключаются в угловые скобки, синтаксис их записи в общем виде выглядит как <тег>
. Все объекты, не заключенные в угловые скобки
, интерпретатор воспринимает как текстовые элементы
, отображая их на экране компьютера «как есть».
 
Структура документа HTML выглядит следующим образом (рис. 13).
 
Рис. 13. Структура HTML документа
 
У HTML имеется еще одна значительная особенность, отличающая его от других языков программирования: практически все теги
 данного языка, за исключением некоторых отдельно оговоренных случаев, парные.
 Такая пара состоит из «открывающего» и «закрывающего» тега, которые отличаются лишь наличием в последнем символа «/» Все, что расположено между откры­вающим и закрывающим тегом, обрабатывается интерпретатором согласно ал­горитму, присвоенному данному конкретному тегу. В общем виде програм-мная строка HTML с открывающим и закрывающим тегами выглядит так:
 
<тег> обрабатываемое значение 

 
Данное свойство HTML позволяет использовать принцип вложения одного тега в другой, когда обрабатываемым значением одной команды может служить другая команда. Вот простой пример вложения двух тегов друг в друга:
 
<тег1> <тег2> обрабатываемое значение 

 
При работе с кодом HTML необходимо запомнить одно простое правило: если где-то в тексте программы встречается открывающий тег, обязательно должен присутствовать и закрывающий.
 Несоблюдение этого правила вызовет ошибку при обработке такого документа интерпретатором броузера.
 
Основной, глобальной конструкцией внутреннего кода Web-страницы является «Документ HTML». Для определения этой конструкции существует специальная команда, призванная «объяснить» броузеру, что он имеет дело именно с документом HTML, а не с текстовым или, например, графическим файлом. Такая команда называется «тег верхнего уровня»
 и записывается как:
 
<НТМL> Содержимое 

 
Тег верхнего уровня парный, причем его содержимое как раз и есть весь код HTML, составляющий документ. Открывающий тег записывается самой первой строкой html-документа, а закрывающий - самой последней.
 
Следующим элементом является «Заголовок документа»
. Заголовок Web-страницы содержит исчерпывающую информацию о самом документе, а иногда также специальные директивы транслятора, подсказывающие встроенному в броузер интерпретатору HTML правила, по которым следует обрабатывать составляющий страницу код. Cодержимое заголовка не отображается в броузере и не влияет на внешний вид документа.
 Это служебная информация, которая необходима для корректной работы броузера. Синтаксис тега заголовка в общем виде выглядит так:
 

 Содержимое 

 
Раздел HEAD
 следует в html-документе непосредственно за тегом 
 и является второй обязательной командой, которую необходимо включать в код Web-страницы.
 
«Внешний заголовок»
 является вложенной командой тега 
. Мнемоника внешнего заголовка записывается следующим образом:
 
<ТITLE> Внешний заголовок 

 
Внешний заголовок отображается в верхнем поле броузера в качестве названия страницы при ее открытии
. Значение тега 

 


 


 


Каждый HTML-документ
должен начинаться тегом <
HTML
>

и заканчиваться тегом HTML
>
.
Эти теги обозначают, что находящиеся
между ними строки представляют единый
HTML-документ.
Кроме того, можно заметить, что файл
HTML в целом является элементом языка
HTML.
Также в HTML-документе
должны присутствовать элементы HEAD
(информация о документе) и BODY
(тело документа).
Раздел документа
HEAD
Раздел документа
HEAD
определяет его заголовок, а также
содержит дополнительную информацию о
документе для броузера. Этот раздел не
является обязательным, однако рекомендуется
всегда использовать его в своих
HTML-документах,
так как правильно составленный заголовок
может быть весьма полезен.
Раздел заголовка
начинается тегом <
HEAD
>

и следует сразу за тегом .
Между открывающим и закрывающим тегами
элемента HEAD
располагаются другие элементы заголовка.
Название документа title
Для того чтобы
дать название HTML-документу,
предназначен тег <
TITLE
>
.
Это название будет выведено в заголовок
окна броузера. Название записывается
между тегами 
и представляет собой строку текста.
Длина этой строки может быть любой, но
рекомендуется делать ее не больше 60
символов. Элемент TITLE
должен находиться только в разделе
HEAD.
Раздел документа
BODY
В этом разделе
документа располагается та информация,
которая отображается в окне броузера.
Раздел BODY
должен начинаться тегом <
BODY
>

и завершаться тегом BODY
>
,
между которыми располагаются элементы
HTML,
из которых и состоит содержание документа.
Спецификация
элемента
BODY
Тег 
имеет ряд атрибутов, определяющих
внешний вид документа. Ниже приводится
спецификация тега .
TEXT="цвет
текста"
BGCOLOR="цвет
фона"
BACKGROUND="адрес
фонового рисунка"
Атрибут TEXT
задает цвет шрифта для всего документа
в формате RGB
или в символьной нотации. По умолчанию
(если не указан этот атрибут) используются
настройки броузера.
Атрибут BGCOLOR
задает цвет фона окна броузера документа
в формате RGB
или в символьной нотации. По умолчанию
используются настройки броузера.
Атрибут BACKGROUND
позволяет указать адрес и имя рисунка,
используемого в качестве фона. Этот
рисунок будет размножен и распределен
на заднем плане документа.
Атрибуты LINK,
VLINK
и ALINK
задают цвета гиперссылок в формате RGB
или в символьной нотации. По умолчанию
используются настройки броузера.
Непосещенная гиперссылка – гиперссылка,
которая еще не использовалась для
перехода к другому документу. Посещенная
гиперссылка – гиперссылка, которая уже
использовалась для перехода к другому
документу. Активная гиперссылка –
гиперссылка на документ, к которому в
данный момент происходит переход.
Советы по
использованию атрибутов тега BODY
 Если вы указываете
хотя бы один цвет в теге BODY,
то укажите и остальные. Это связано с
тем, что пользователь может установить
настройки цветов своего броузера как
ему удобней. Указание только одного
цвета может привести к ситуации, что у
некоторых пользователей текст сольется
с цветом фона. В результате просмотр
документа будет затруднен.
 Выбирайте цвет
текста так, чтобы он "работал"
вместе с цветом фона или основными
цветами изображения. Например, красное
на зеленом может вызвать серьезные
проблемы у значительного числа людей.
 В элементе BODY
можно задать как BGCOLOR, так и BACKGROUND. В этом
случае броузер отдает предпочтение
BACKGROUND, но если изображение фона невозможно
загрузить, будет использовано BGCOLOR.
Поэтому старайтесь задавать цвет фона
похожим на цвет фонового рисунка, чтобы
не нарушился цветовой баланс документа.







                                
                            
                            
                            


                            
                            

                        
                    
                
                

                    
                
            
        

        
    
    
 
 

    
 
    

              
 Beeline
              
 Интернет
              
 Tele2
              
 Полезное
              
 IP-Телефония
              
 Йота
              
 Mts
              
 Megafon
      
    
    

        
Контакты
        
Реклама
        
О сайте
    
 
 
    

        

            

            
 Поиск
            

                
                

                    
                
                
  
            
        
    
    

    
    

    
    
    
    

        
        

            

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

 Продолжить Нет, спасибо