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

   1. Предназначение разметки

   2. Важность синтаксически корректных и правильных документов

   3. Об элементах, атрибутах и объектах

   4. Дополнительная информация

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

   1. Общие атрибуты

   2. Дополнительная информация

...

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

Пример:

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

<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". Проделав тот же опыт с упорядоченными списками, вы убедитесь в том, что каждый следующий уровень списка не меняет тип нумерации. Эту задачу придется решать самостоятельно.

Задание

Одним из вариантов решения является использование стиля для вложенных списков:

Для большего визуального отличия элементов первого и второго уровня, к внешнему списку применен полужирный шрифт (font-weight: bold;). В каждом вложенном списке жирность шрифта возвращается в норму (font-weight: normal;)