четвер, 5 жовтня 2023 р.

СПИСКИ на ВЕБ-сторінках (11 клас)

 Нумеровані й марковані списки

Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою позначки або номера, призначені списки. У HTML-документах використовують три види списків:

    • невпорядкований (маркований);

    • упорядкований (нумерований);

    • список визначень.

У невпорядкованому списку для виділення елементів використовуються певні позначки (крапки, квадрати тощо). Починається такий список із тегу <UL>, а закінчується — </UL>. Кожний елемент списку починається з тегу <LI>. Тег <UL> може мати атрибут TYPE, який визначає форму позначки. Цей атрибут набуває таких значень:

    • d i s k — зафарбоване коло;

    • c i r c l e — коло;

    • square — маленький чорний квадрат.

В упорядкованому списку всі елементи пронумеровані. Починається список із тегу <0L>, а закінчується — </OL>. Кожний елемент такого списку також починається з тегу <LI>. Тег <OL> може мати атрибут TYPE, який визначає тип нумерації. Цей атрибут набуває таких значень:

    • А — велика літера;

    • а — мала літера;

    • І — велика римська цифра;

    • і — мала римська цифра;

    • 1 — арабська цифра.

Розглянемо приклади використання різних типів списків.

Приклад 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>

Приклад 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>

Зверніть увагу на те, що за допомогою тегу <BASEFONT> для всього документа призначено розмір шрифту 6, а за допомогою тегів <FONT> визначено колір шрифту для кожного елемента списку.