Марковані списки використовуються тоді, коли необхідно перечислити текстові елементи, які слідують у довільному порядку, наприклад, перелік продуктів або адресів Web-сайтів.
Для створення маркованих списків використовуються два основні дескриптори – < UL > та. Тегом <UL> помічається початок тексту в цілому, а тег <LI> служить для позначення початку кожного окремого елемента списку. Як правило Web-браузер форматує елементи списку з відступом відносно лівого краю сторінки. Кожен елемент помічається зліва символом маркера.
По замовчуванню Web-браузери як маркер використовують символ замальованого круга (·). Атрибут TYPE дозволяє змінити стиль маркування елемента списку. Для маркування замальованим кругом використовується стиль маркування disk, пустим кругом – circle, замальованим квадратом – square.
Наприклад,
<BODY>
<H3>ЗМІСТ</H3>
<UL TYPE=”square”>
<LI> <I>Розділ 1.</I> Основи Web-дизайну </LI>
<LI><I> Розділ 2.</I> Форматування тексту </LI>
<LI><I> Розділ 3.</I> Вставляння графічних зображень </LI>
|
|
<LI><I> Розділ 4.</I> Робота з графікою </LI>
<LI><I> Розділ 5.</I> Створення гіперпосилань </LI>
<LI><I> Розділ 6.</I> Побудова таблиць </LI>
<LI><I> Розділ 7.</I> Створення форм </LI>
<LI><I> Розділ 8.</I> Проектування фреймів </LI>
</UL>
</BODY>
відобразиться браузером:
ЗМІСТ
§ Розділ 1. Основи Web-дизайну
§ Розділ 2. Форматування тексту
§ Розділ 3. Вставляння графічних зображень
§ Розділ 4. Робота з графікою
§ Розділ 5. Створення гіперпосилань
§ Розділ 6. Побудова таблиць
§ Розділ 7. Створення форм
§ Розділ 8. Проектування фреймів
У межах одного маркованого списку можуть використовуватись маркери декількох стилів. Це зручно для об’єднання елементів списку у тематичні групи.
Наприклад,
<UL TYPE=”circle”>
<LI>Яблука </LI>
<LI TYPE=” disk”>Морква</LI>
<LI>Груші </LI>
<LI>Сливи </LI>
<LI TYPE=” disk”>Буряки</LI>
<LI TYPE=” disk”>Огірки</LI>
</UL >
відобразиться браузером:
o Яблука
· Морква
o Груші
o Сливи
· Буряки
· Огірки