Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лабораторная работа1-укр.doc
Скачиваний:
1
Добавлен:
10.11.2019
Размер:
3.38 Mб
Скачать

3. Списки

  • простий неупорядкований список: UL, LI

  • стиснутий список, розташованих в одному рядку образів: MENU, LI

  • список малих образів: DIR, LI

  • упорядкований список: OL, LI

  • дефінітивний список (список міток): DL, DT, DD

3.1. LI - списковий елемент

Ціль

Для представлення елемента в списку.

Основний синтаксис

<LI>зміст елемента списку</LI>

Кінцевий тег </LI> завжди може бути опущений, що звичайно і робиться.

Зміст

Блокові і текстові елементи. Елементи заголовків і ADDRESS не дозволені.

Приклади

Короткий приклад:

<LI>Перелік</LI

3.2. UL - неупорядковані (ненумеровані) списки

Ціль

Для представлення інформації у списковій формі без нумерації елементів.

Основний синтаксис

<UL> <LI> елемент списку 1 <LI> елемент списку 2 ...</UL>

Можливі атрибути

ім'я атрибута

Можливі значення

зміст

TYPE

DISC, SQUARE, CIRCLE

за замовчуванням буллет стиль для елементів

COMPACT

COMPACT

скорочена відстань між елементами

Значення за замовчуванням буллет стиля звичайно залежить від рівня вкладеності списків.

Приклад:

Складові частини

<UL>

<LI> Колесо <LI> Ручка <LI> Болт

</UL>

3.3. Menu (меню) - ненумеруємий список менюподібних форм

Ціль

Представити інформацію в менюподібному форматі.

Основний синтаксис

<MENU> <LI> елемент списку 1 <LI> елемент списку 2 ... </MENU>

Можливі атрибути

ім'я атрибута

можливі значення

зміст

COMPACT

COMPACT

скорочені проміжки між елементами

П риклади

<MENU>

<LI> Десять

<LI> Двадцять

<LI> Тридцять

<LI> Сорок

<LI> П'ятдесят

<LI> Шістдесят

</MENU>

Рис 1.3. Ненумеруємий список менюподібних форм

3.4. DIR - ненумерований список у директорії

Ціль

Представити інформацію у форматі, прийнятому для представлення директорії.

Основний синтаксис

<DIR> <LI> елемент списку 1 <LI> елемент списку 2 ... </DIR>

Можливі атрибути

ім'я атрибута

можливі значення

зміст

COMPACT

COMPACT

скорочений проміжний простір

Приклад алфавіту:

<DIR>

<LI>A

<LI>B

<LI>C

<LI>D

<LI>E

<LI>F

<LI>G

<LI>H

<LI>I

<LI>J

<LI>K

< LI>L

<LI>M

<LI>N

<LI>O

<LI>P

<LI>Q

<LI>R

<LI>S

<LI>T

<LI>U

<LI>V

<LI>W

<LI>X

<LI>Y

<LI>Z

</DIR>

Рис 1.4.Приклад ненумерованого списку в директорії

3.5. OL - упорядковані (нумеровані) списки

Ціль

Для представлення інформації у виді упорядкованого (нумерованого) списку.

Основний синтаксис

<OL> <LI> елемент списку 1 <LI> елемент списку 2 ... </OL>

Можливі атрибути

ім'я атрибута

можливі значення

зміст

TYPE

1, a, A, i, I

стиль нумерації

START

ціле

початкова цифра послідовності

COMPACT

COMPACT

скорочена відстань між елементами

Зміст значень TYPE наступний:

Type

Стиль нумерації

Перші кілька цифр

1

звичайні (арабські) числа

1, 2, 3, ...

a

Латинське написання на нижньому регістрі

a, b, c, ...

A

Латинське написання на верхньому регістрі

A, B, C, ...

i

Римські цифри на нижньому регістрі

i, ii, iii, ...

I

Римські цифри на верхньому регістрі

I, II, III, ...

Приклад, в якому використані римські цифри:

<P> Римські справи

</P>

<OL TYPE=I>

<LI> <I>-ae</I>, eg <I>terra:terrae</I>

<LI> <I>-i</I>, eg <I>annus:anni</I>

<LI> <I>-is</I>, eg <I>labor:laboris</I>

<LI> <I>-us</I>, eg <I>fructus:fructus</I>

<LI> <I>-ei</I>, eg <I>dies:diei</I>. </OL>

Рис.1.5. Приклад упорядкованого списку.

3.6. DL - дефінітивні чи описові списки

Ціль

Дати список визначень для термінів, список описів чи іншу інформацію, зв'язану з іменами чи фразами.

Основний синтаксис

<DL> <DT>термін 1<DD>визначення терміну 1 <DT>термін 2<DD>визначення терміну 2 ... </DL>

Зміст

DT і DD елементи.

Елементи DL повинні бути спарені з відповідними елементами DD. Безліч елементів DT може бути при єдиному елементі DD. Тобто кілька термінів можуть мати одне і теж визначення. Документ не повинний містити кілька послідовних елементів DD.

Приклад:

<DL>

<DT>Вася, Дмитрик

<DD>От <I> Дмитрик Вася </I>.

<DT> Дмитрик Вася

<DD>От <I> Вася, Дмитрик </I>.

</DL>

Рис 1.6. Приклад описового списку