- •Модуль 2: „проектування, розробка та підтримка власних web-ресурсів” Лекція №8.
- •Питання:
- •Правила побудови html-документів.
- •Специфікації html.
- •Структура html-документа.
- •3. Форматування тексту.
- •3.1. Теги рівня блоку і послідовні теги
- •3.2. Теги логічного і фізичного форматування
- •3.3. Використання спеціальних символів.
- •3.4. Посилання на інші документи і файли.
- •3.5.1. Внутрішні посилання.
- •4. Створення списків в html
- •Контрольні питання
- •Рекомендована література
Структура html-документа.
Першим тегом, з якого слід починати опис документів HTML, є тег <HTML>. Він повинен завжди починати опис документа, а завершувати опис документа повинен тег </HTML>. Ці теги означають, що рядки, що знаходяться між ними, представляють єдиний HTML-документ.
Сам по собі документ є звичайним текстовим ASCII-файлом. Без цих тегів браузер або інша програма перегляду, можливо, буде не в змозі ідентифікувати формат документа і правильно його інтерпретувати.
Найчастіше тег <HTML> використовується без параметрів. Більшість сучасних браузерів можуть розпізнати документ і що не містить тегів <HTML> і </HTML>, все ж таки їх вживання вельми бажане.
Між парою тегів <HTML> і </HTML> розташовується сам документ. Документ може складатися з двох розділів - розділу заголовка (що починається тегом <HEAD>) і розділу змістовної частини документа (що починається тегом <BODY>).
2.1. Розділ заголовку документа <HEAD>
Розділ документа <HEAD> визначає його заголовок і не є обов'язковим тегом, проте добре складений заголовок може бути дуже корисним. Завдання заголовка є представлення необхідної інформації для програми, що інтерпретує документ. Теги, що знаходяться усередині розділу HEAD (окрім назви документа, що описується за допомогою тега <TITLE>), не відображаються на екрані.
Розділ заголовка відкривається тегом <HEAD>. Звичайно цей тег слідує відразу ж за тегом <HTML>. Закриваючий тег </HEAD> показує кінець цього розділу. Між згаданими тегами розташовується решта тегів розділу заголовку.
У розділі заголовка можуть розміщуватися наступні теги:
<TITLE> - назва документа;
<BASE> - вказує повну базову адресу документа;
<LINK> - зв'язок даного документа з іншими;
<META> - мета-визначники;
<STYLE> - впровадження стилів на сторінку;
<SCRIPT> - включення скриптів на сторінку.
Давайте розглянемо кожний з цих тегів детальніше.
2.1.1. Назва документа <TITLE>
Тег-контейнер <TITLE> є єдиним обов'язковим тегом заголовка і служить для того, щоб дати документу назву. Вона звичайно показується в заголовку вікна браузера. Тег <TITLE> не можна плутати з назвою файлу документа; навпаки, він є текстовим рядком, абсолютно незалежним від імені і місцеположення файлу, що робить його вельми корисним. Ім'я ж файлу жорстко визначається операційною системою комп'ютера, на якому він зберігається. Також слід відрізняти назву документа (з тегом <TITLE>) від заголовків усередині документа, що звичайно розмічаються тегами <H1>-<H6>.
Назва документа записується між тегами <TITLE> і </TITLE> і є рядком тексту. У принципі, назва може мати необмежену довжину та містити будь-які символи окрім деяких зарезервованих. На практиці слід обмежитися одним рядком, маючи на увазі, що назва з'являється в заголовку вікна браузера. Також слід пам'ятати про те, що залишиться від назви документа при мінімізації вікна браузера. Можна рекомендувати обмежувати довжину назви документа 60 символами.
За умовчанням текст, що міститься в назві документа, використовується при створенні закладки (bookmark) для документа. Тому, для більшої інформативності, потрібно уникати безликих назв (Home Page, Index і т. д.). Подібні слова, використовувані як назва закладки, звичайно абсолютно даремні. Назва документа повинна стисло характеризувати його зміст. При відображенні на екрані документів з фреймовою структурою, коли в кожний з фреймів завантажується окремий документ, що має свою назву, на екрані буде видно тільки назву головного документа.
2.2. Розділ документа <BODY>
У цьому розділі документа розташовується його змістовна частина. Розділ документа BODY повинен починатися тегом <BODY> і завершуватися тегом </BODY>, між якими розташовується весь вміст даного розділу. Строго кажучи, наявність цих тегів не є обов'язковою, оскільки браузери можуть визначити почало змістовній частині документа по контексту. Проте їх вживання рекомендується.
Тег <BODY> має ряд параметрів, жоден з яких не є обов'язковим. Параметри тега <BODY> подані в Додатку 2.
У мові HTML кольори визначаються цифрами в шістнадцятковому коді. Колірна система базується на трьох основних кольорах - червоному, зеленому і синьому - і позначається RGB. Для кожного кольору задається шістнадцяткове значення в межах від 00 до FF. Потім ці значення об'єднуються в одне число, перед яким ставиться символ #. Наприклад, число #800080 позначає фіолетовий колір.
Ранні версії браузерів розпізнавали тільки назви 16 стандартних кольорів. Сучасні версії браузерів розпізнають всі 140 назв кольорів.