Структура html-документа
Найголовнішим з тегів HTML є однойменний тег - <HTML>. Він повинен завжди відкривати ваш документ, так само, як тег </HTML> повинен неодмінно стояти в останній його рядку. Ці теги позначають, що знаходяться між ними рядка представляють єдиний гіпертекстовий документ. Без цих тегів браузер або інша програма перегляду не в змозі ідентифікувати формат документа і правильно його інтерпретувати.
Закриваючий тег так само важливий, як і відкриває. Якщо, наприклад, документ включений в електронний лист, тег </HTML> дає команду програмі перегляду припинити інтерпретацію тексту, як HTML-коду.
HTML-документ складається з двох частин: заголовок (head) і тіло (body), розташованих в наступному порядку:
<HТМL>
<HЕАD>
...
</HЕАD>
<ВОDY>
...
</ВОDY>
</HТМL>
У HTML-документ можна включати коментарі, дозволяють приховати частина тексту від браузера. Все, що укладена між послідовностями символів <!-- і -->, при перегляді сторінки залишається невидимим. Коментарі не можуть бути вкладеними один в одного.
Назва документу
Включення в документ заголовної частини не є обов'язковим. Завданням заголовка є подання необхідної інформації для браузера та сервера HTTP. Інформація, розміщена всередині заголовка документа, зазвичай не виводиться на екран (крім назви документа).
Назва документу відкривається тегом <HЕAD>, який звичайно треба відразу ж за тегом <HTML>. Закриваючий тег </HEAD> показує кінець цього розділу, між ними розташовуються інші теги заголовка документа.
Найчастіше в заголовок документа включають парний тег <TITLE>... </TITLE>, що визначає назва документа. Багато програм перегляду використовують його як заголовок вікна, в якому виводять документ. Програми, індексує документи в мережі Інтернет, використовують назву для ідентифікації сторінки. Гарне назва повинна бути досить довгим для того, щоб можна було коректно вказати відповідну сторінку, і в той же час воно має поміщатися в заголовку вікна. Назва документа вписується між відкриває і закриває тегами.
Тіло документа
На відміну від заголовка, тіло документа є обов'язковим елементом, тому що в ньому розташовується весь матеріал вашого документа (є тільки одне виняток, з яким ми познайомимося далі, - коли документ містить замість тіла групу фреймів). Тіло документа розміщується між тегами <BODY> і </BODY>. Все, що розміщене між цими тегами, інтерпретується браузером відповідно до правил мови HTML, що дозволяють коректно відображати сторінку на екрані монітора.
Тег <BODY> не тільки позначає початок вмісту документа, але і задає його основні властивості: колір фону, тексту і багато інше. Ці властивості визначаються за допомогою атрибутів, які наведені в таблиці.
|
Атрибут |
Призначення |
|
ALINK |
Визначає колір активного посилання |
|
BACKGROUND |
Вказує на URL-адресу зображення, яке використовується в якості фонового |
|
BGCOLOR |
Визначає колір фону документа |
|
LINK |
Визначає колір невідвідування посилання |
|
ТЕХТ |
Визначає колір тексту |
|
VLINK |
Визначає колір Відвідані посилання |
Приклад
<НТML>
<НЕAD>
<ТIТLE>Моя сторінка</ТIТLE>
</НЕАD>
<ВОDY ТЕXT=rеd BGСОLOR=whitе>
Тело <!-- Це коментар --> документа
</ВОDY>
</НТML>