- •Тема 2 Структура й елементи гіпертекстових документів
- •Загальна характеристика і структура html-документа
- •2.Тіло документа та оформлення його основних фрагментів
- •2.1. Тіло документа
- •2.2. Теги логічного форматування тексту
- •2.3. Теги фізичного форматування тексту
- •3. Оформлення списків термінів і визначень
- •3.1. Марковані списки
- •3.2. Створення нумерованих списків
- •3.3. Списки визначень
- •3.4. Багаторівневі спискові структури
- •4. Використання графіки при оформленні електронного видання
- •5.Включення до видання посилань та коментарів
- •6. Оформлення таблиць
- •7.Фреймова структура електронного видання
- •8. Html-форми
- •9. Поняття про динамічний html і його компоненти
2.Тіло документа та оформлення його основних фрагментів
2.1. Тіло документа
Всередині контейнера <BODY> </ BODY> розміщується змістова частина електронного документа. Сам тег <ВОDY> містить ряд параметрів, жоден з яких не є обов'язковим.
Параметри даного тегу забезпечують оформлення всього тіла документа. Перелічимо їх:
• LINK - визначає вихідний колір посилання;
• BACKGROUND - задає URL зображення, що визначає фон тіла документа;
• BOTTOM MARGIN і TOPMARGIN - задає кордон нижнього і верхнього полів документа в пікселах;
• LEFTMARGIN і RIGHTMARGIN - межі лівого і правого полів документа в пікселях;
• BGCOLOR - задає колірний відтінок фону документа (аналог тонування паперу, на якому друкується видання);
• BGPROPERTIES - визначає властивості фону, що задається попереднім параметром;
• LINK - задає колір ще не переглянутої посилання;
• SCROLL - визначає наявність смуг прокрутки в документі, що відображується у вікні браузера;
• TEXT - визначає колір тексту;
• VLINK - колір вже переглянутої посилання.
Ряд параметрів пов'язаний із використанням колірних відтінків в HTML-документах.
Зазначимо, що за замовчуванням в них використовується RGB колірний простір, причому значення кожного з основних кольорів має 256 рівнів і задається у вигляді двох цифр в 16-тирозрядній системі числення. Таким чином, колірний тон задається послідовністю з шести 16-тирозрядних цифр, яким передує символ #, наприклад послідовність # FFFFFF відповідає білому кольору максимальної інтенсивності, а # 800080 - фіолетового тону, інтенсивність якого дорівнює половині від максимальної.
Наведемо приклади використання параметрів у тегові <BODY>:
<body link='#000080' background='image/background.gif'>
<body bgcolor='#COCOCO'>
У першому прикладі задано синій колір ще не переглянутого посилання і в якості фонового зображення використовується файл background.gif, причому цей файл вказаний відносним посиланням і знаходиться в підкаталозі IMAGE. А в другому прикладі задано світлий фон для документа.
2.2. Теги логічного форматування тексту
Теги логічного форматування тексту дозволяють виділити певні типи текстових фрагментів, тобто здійснити структурну розмітку тексту. Їх називають також тегами рівня блоку, оскільки як вони не застосовуються до окремих слів, а впливають лише на фрагменти тексту з кількох слів.
Так, два теги <ABBR> і <ACRONYM> дозволяють виділити абревіатурні скорочення в межах тексту, причому другий використовується для вимовної абревіатури. У тегу <ACRONYM> може використовуватися параметр TITLE, значенням якого є повний текст скорочення. Наприклад, контейнер:
<ACRONYM ТITLE='Московский Государственній Университет Печати'> МГУП </ ACRONYM>
дозволяє за умов згадування курсором маніпулятора миші на абревіатуру виводити у спливаючому вікні відповідний їй повний текст назви Університету.
Тег-контейнер <СIТЕ> використовується для виділення цитат, назв книг, газет і журналів. Браузери зазвичай виводять текст, що знаходиться всередині контейнера, курсивом. Тег-контейнер <CODE> виводить текст як фрагмент програмного коду (рядки лістингу програми) моноширинним шрифтом, a <DFN> відзначає текстовий фрагмент як кожний термін. Аналогічно тег-контейнер <STRONG> виділяє вміст як важливі фрагменти тексту.
Тег <INS> відзначає фрагмент тексту як вставку, тобто з його допомогою можна відстежувати зміни, внесені в основний текст. Тег може мати два параметри: CITE (не плутати з однойменною тегом) і DATETIME. За допомогою першого параметра задається URL документа, що пояснює причини вставки, а другий параметр вказує дату і час вставки фрагмента з урахуванням часового поясу. Тег-контейнер <DEL> зазначає текст як намічений до видалення. У нього є параметри CITE і DATETIME, призначення яких точно таке, як в тезі <INS>. Нижче наводяться кілька прикладів запису тегів, які, на нашу думку, не потребують будь-яких коментарів.
<СIТЕ> 'Известия' </ СIТЕ> - Популярна Російська газета <DFN> Netscape Communicator 4.5 </ DFN>-Версія 4.5 популярного пакета фірми Netscape, в який, зокрема, вводиться браузер для перегляду HTML-файлів
<INS CITE='www.uprint.spb.ru/mydoc.htm' DATETIME='2001-1-27 T16: 1:40+ 0.00> (вставлений фрагмент тексту) </ INS>