4. Створення списків в html

Списки є важливим засобом структуризації тексту і застосовуються у всіх мовах розмітки. У НТМL є наступні види списків: ненумерований список (невпорядкований) (Unordered Lists <UL>), нумерований список (впорядкований) (Ordered Lists <OL>) і список визначень.

4.1. Невпорядковані списки - тег <UL>

Ненумерований список призначений для створення тексту типу:

• перший елемент списку;

• другий елемент списку;

• третій елемент списку.

Записується даний список у вигляді послідовності:

<UL>

<LI>первый елемент списку

<LI>второй елемент списку

<LI>третий елемент списку

</UL>

Теги <UL> і </UL> - це теги початку і кінця ненумерованого списку, тег <LI> (List Item) задає тег елементу списку. Крім цих тегів, існує тег, що дозволяє іменувати списки - <LН> (List Header).

Щоб не застосовувати одні і ті ж маркери на різних рівнях вкладеності, можна використовувати атрибут ТYРЕ. Ви можете задати будь-який тип маркера в довільному місці списку. Можна навіть змішувати різні типи маркерів в одному списку.

<UL TYPE=DISK>Тег створює суцільні маркери такого типа, як в списках першого рівня за умовчанням.

<UL TYPE=СIRCLE>Тег створює маркери у вигляді кіл.

<UL TYPE=SQUARE>Тег створює суцільні квадратні маркери.

5.2. Впорядковані списки - тег <OL>

Тег <OL> разом з атрибутом ТYРЕ в HTML дозволяє створювати нумеровані списки, використовуючи як номери не тільки звичайні числа, але і рядкові і прописні букви, а також рядкові і прописні римські цифри. При необхідності можна навіть змішувати ці типи нумерації в одному списку:

<ОL ТYРЕ=l> Тег створює список з нумерацією у форматі 1., 2., 3., 4. і т.д.

<ОL ТYРЕ=А> Тег створює список з нумерацією у форматі А., У., С., D. і т.д.

<OL ТYРЕ=а> Тег створює список з нумерацією у форматі а., b., с., d. і т.д.

<ОL ТYРЕ=I> Тег створює список з нумерацією у форматі I., II., III., IV. і т.д.

Якщо потрібно почати нумерацію не з одиниці, то можна скористатися атрибутом START=num.

5.3. Список визначень - тег <DL>

Теги списку (Definition List: <DL>, <DT>, <DD>) використовують для створення списку термінів і їх визначень. Схема використання тега наступна.

<DL><DT>Термін</DT> <DD>Визначення</DD></DL>

Визначуваний термін записується на одному рядку, а його визначення - в наступному, з невеликим відступом праворуч. Тег <DL> дозволяє створювати окремі абзаци з відступом без нумерації або маркерів. Відступ робиться від лівого краю. Якщо на сторінці декілька тегів <DL>, то текст поступово переміщується все більше праворуч. В кінці визначення розміщується закриваючий тег </DL>. Пам'ятайте, що тег <DL> зрушує тільки ліву межу абзацу.

Контрольні питання

1. Що таке тег, тег-контейнер та параметри тегу?

2. Наведіть основні правила запису тегів та їх атрибутів мови HTML.

3. Які теги називаються скасованими та застарілими і різних специфікаціях мови HTML?

4. Які теги можуть міститися у контейнері <HEAD>..</HEAD>?

5. В чому відмінність тегів фізичного та логічного форматування? Наведіть приклади.

6. Наведіть приклади текстових, графічних посилань як між різними документами так і в межах одного.

7. Які існують види списків в мові HTML? Наведіть приклади кожного з них.