Для подання тексту в структурованому вигляді , коли кожен аб зац виділено за допомогою позначки або номера, призначені спи ски. У HTML-документах використовують три види списків: • невпорядкований (маркований); • упорядкований (нумерований); • список визначень.
У невпорядкованому списку для виділення елементів використо вуються певні позначки (крапки, квадрати тощо). Починається такий список із тегу <UL>, а закінчується — </UL>. Кожний еле мент списку починається з тегу <LI>. Тег <UL> може мати атри бут TYPE, який визначає форму позначки. Цей атрибут набуває таких значень: • dis k — зафарбоване коло; • circl e — коло; • squar e — маленький чорний квадрат.
В упорядкованому списку всі елементи пронумеровані. Починаєть ся список із тегу <0L>, а закінчується — </OL>. Кожний елемент такого списку також починається з тегу <LI>. Тег <OL> може мати атрибут TYPE, який визначає тип нумерації. Цей атрибут набуває таких значень: • А — велика літера; • а — мала літера; • І — велика римська цифра; • і — мала римська цифра; • 1 — арабська цифра.
У разі потреби за допомогою атрибута START можна задати відмінний від одиниці початковий номер елемента, наприклад <0L TYPE="I" START="5">, Нумерований список, початковий елемент якого позначено латинською літерою Е, яка є п'ятою в алфавіті, описують так: <OL TYPE="A" START="5"> <LI>Перший елемент списку</LI> <LI>Другий елемент списку</LI> <LI>Третій елемент списку</LI> <LI>Четвертий елемент списку</LI> </OL>
Список визначень (definition list) порівняно з маркованим або нумерованим має дещо складнішу будову. Кожен елемент такого списку складається з двох частин: терміна та його визначення. У такий спосіб можуть бути оформлені словники та термінологіч ні довідники. Однак цей тип списку використовують рідко, і тому описувати його докладніше не будемо.
Розглянемо приклади використання різних типів списків.
Приклад 2.1. Маркований список, в якому для позначення елементів використовують коло <HTML> <TITLE>Райдуга</TITLE> <BODY> <BASEFONT SIZE=6> <UL ТУРЕ=сігсlе> <LI><FONT COLOR=red>Червоний</FONT></LI> <LI><FONT COLOR=orange>Оранжевий</FONT></LI> <LI><FONT COLOR=yellow>Жовтий</FONT></LI> <LI><FONT COLOR=green>Зелений</FONT></LI> <LI><FONT COLOR=lightblue>Блакитний</FONT></LI> <LI><FONT COLOR=blue>Синій</FONT></LI> <LI><FONT COLOR=darkmagenta>Фioлeтoвий</FONT></LI> </UL> </BODY> </HTML> Ha рис. 2.4 показаний вигляд цього документа у вікні браузера Internet Explorer.
Приклад 2.2. Нумерований список, в якому для позначення елементів використовують малі римські цифри <HTML> <TITLE>Райдуга</TITLE> <BODY> <BASEFONT SIZE=6> <OL TYPE=i> <LI><FONT COLOR=red>Червоний</FONT></LI> <LI><FONT COLOR=orange>Оранжевий</FONT></LI> <LI><FONT COLOR=yellow>Жoвтий</FONT></LI> <LI><FONT COLOR=green>Зелений</FONT></LI> <LI><FONT COLOR=lightblue>Блакитний</FONT></LI> <LI><FONT COLOR=blue>Синій</FONT></LI> <LI><FONT COLOR=darkmagenta>Фіолетовий</FONT></LI> </OL> </BODY> </HTML> Ha рис. 2.5 показаний вигляд цього документа у вікні браузера Internet Explorer.
Зверніть увагу на те, що за допомогою тегу <BASEFONT> для всьо го документа призначено розмір шрифту 6, а за допомогою тегів <FONT> визначено колір шрифту для кожного елемента списку.