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

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

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

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

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

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

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

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

<UL>

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

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

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

</ UL>

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

Атрибути маркерів у ненумерований списку

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

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

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

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

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

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

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

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

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

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

        

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

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

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

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

Горизонтальні лінійки - тег <НR>

Горизонтальне отчерківаніе (Horizontal Rule) застосовується для розділення документа на частини. За допомогою одного лише тега <НR> можна надати сторінці оригінальний вигляд. Спробуйте поекспериментувати з тегом <НR>, і ви отримаєте лінії, зовсім не схожі на ті, якими зазвичай користуєтеся.

Відформатованого виводу - тег <РRЕ>

Застосування цього тега дозволяє відобразити текст "як є" (без форматування), тими ж символами і з тим же розбиттям на рядки.

Застосування тега <BLINK>

Текст, поміщений між тегами <BLINK> і </ BLINK>, мерехтить. Даний тег підтримується тільки браузером Netscape Navigator. Користуватися ним слід з великою обережністю.