Створення маркованих списків

Марковані списки використовуються тоді, коли необхідно перечислити текстові елементи, які слідують у довільному порядку, наприклад, перелік продуктів або адресів 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 Сливи

· Буряки

· Огірки


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: