Многоуровневые списки.

Дата добавления: 2015-07-09; просмотров: 507; Нарушение авторских прав

Многоуровневые списки используют в тех случаях, когда требуется отразить иерархическую структуру, подчинение одних элементов другим. Наиболее ярким примером многоуровневого списка может служить оглавление сложного документа:

Все о разметке

Предназначение разметки
Важность синтаксически корректных и правильных документов
Об элементах, атрибутах и объектах
Дополнительная информация

Обзор структуры элементов

Общие атрибуты
Дополнительная информация

...

Для создания многоуровневого списка просто вложите в любой из элементов списка еще один список. Это и будет список второго уровня. Для создания третьего уровня, вложите список в элемент второго уровня. И так далее.

Пример:

Многоуровневый неупорядоченный список

<ul> <li>Элемент списка 1го уровня</li> <li>Элемент списка 1го уровня</li> <li>Элемент списка 1го уровня с вложенным списком <ul> <li>Элемент списка 2го уровня</li> <li>Элемент списка 2го уровня с вложенным списком <ul> <li>Элемент списка 3го уровня</li> <li>Элемент списка 3го уровня</li> <li>Элемент списка 3го уровня</li> <li>Элемент списка 3го уровня</li> </ul> </li> <li>Элемент списка 2го уровня</li> <li>Элемент списка 2го уровня</li> <ul> </li> </ul>

Внимание! Вкладывать элемент ul или ol необходимо только в элемент li. Нельзя вкладывать список в список непосредственно!

При выполнении примера вы, несомненно, обратили внимание на тот факт, что типы маркеров для каждого уровня списка изменяются. Первый уровень маркируется как "disc", второй - "circle", третий и далее - "square". Проделав тот же опыт с упорядоченными списками, вы убедитесь в том, что каждый следующий уровень списка не меняет тип нумерации. Эту задачу придется решать самостоятельно.

<== предыдущая лекция	\|	следующая лекция ==>
Свойство list-style-position	\|	ЛАБОРАТОРНАЯ РАБОТА №4