- •Тема 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 і його компоненти
3. Оформлення списків термінів і визначень
Списки належать до найбільш вживаною формам як в електронних, так і в друкованих виданнях. Можливість подання спискові структур передбачена практично у всіх текстових редакторах, зокрема, розвинена система для спискових структур є в MS Word. У HTML-документах поряд зі звичайними маркованим і нумерованих списками передбачено окремий список визначень. Оформлення цих списків за допомогою спеціальних тегів є предметом цього параграфа.
3.1. Марковані списки
Створюються за допомогою тега-контейнера <UL> (Unordered List - невпорядкований список). У тегові можуть використовуватися два параметри: COMPACT, який спочатку призначався для виведення елементів списку в компактній формі (зменшеним кеглем і відстанню між рядками) і TYPE, який використовується для примусового завдання виду маркера. Параметр COMPACT не має значень. Сучасними браузерами він ігнорується. Параметр TYPE може приймати одне з трьох значень: disc, circle і square. У першому випадку маркери (bullets) мають вигляд зафарбованого кола, у другому - кола малого діаметра, у третьому - зафарбованого квадрата. За умовчанням значення TYPE = disk.
Кожному елементу списку передує тег <LI> (List Item - елемент списку), який не обов'язково повинен бути контейнером. Як параметр цього тегу також використовується TYPE, який може приймати ті ж самі три значення. Таким чином, в списку принципово можуть використовуватися і різні маркери для представлення окремих елементів.
3.2. Створення нумерованих списків
Нумерований список організовується за допомогою тег-контейнера <OL> (Ordered List), всередині якого розміщуються всі елементи списку. Відкриваючий і закриваючий теги забезпечують пропуски рядків до і після списку, виділяючи його таким чином в документі. У складі тегу можуть використовуватися три параметри: COMPACT, TYPE і START. Смисл першого параметра той же самий, що і в тегові <UL>. Параметр TYPE і раніше, визначає тип маркера, причому TYPE = 1 визначає маркери у вигляді арабських цифр, TYPE = A задає маркери у вигляді великих літер латинського алфавіту, TYPE = a - у вигляді малих латинських букв, нарешті, TYPE = I і TYPE = i визначають маркери у вигляді римських цифр, великих і малих відповідно.
Параметр TYPE, заданий у формі певного числа, визначає початок відліку для першого елемента списку.
Кожен елемент нумерованого списку передує тегом <LI>. Ветом випадку до складу тегу може входити параметр VALUE, що дозволяє змінювати номер чергового елемента списку, в результаті чого відповідно змінюються і всі наступні номери. Як приклад можна навести фрагмент спортивних новин, де містяться результати будь-якого змагання:
<HTML> <HEAD> <TITLE> Приклад нумерованого списку </ TITLE> </ HEAD
<BODY> <OL> <B> Результати чемпіонату світу з гандболу 2001 </ В>
<LI> Франція
<LI> Румунія
<LI> Німеччина
<BR>. . .
<LI VALUE=6> Росія
<LI> Україна
</ OL> </ BODY> </ HTML>
Назва документа, розміщеного в тег-контейнері <TITLE> в головній частині документа, виведена в рядку заголовка браузера. Назва списку в тілі документа показана напівжирним шрифтів безпосередньо перед списком. Нумерація списку за замовчуванням виконується арабськими цифрами, оскільки параметр TYPE в тегові <OL> відсутній. Нумерація списку починається за замовчуванням з першого номера, оскільки і параметр START в тегу <OL> відсутній. За допомогою параметра VALUE = 6 в одному з тегів <LI> змінено номер чергового елемента списку, а подальша нумерація продовжується з нового номера. Для створення пробілів використаний тег примусового переведення рядка <BR>.