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

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

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

<ol style="font-weight: bold;">
 <li>Зима
 <ol style="list-style-type: lower-alpha; font-weight: normal;">
 <li>Декабрь</li>
 <li>Январь</li>
 <li>Февраль</li>
 </ol>
 </li>
 <li>Весна
 <ol style="list-style-type: lower-alpha; font-weight: normal;">
 <li>Март</li>
 <li>Апрель</li>
 <li>Май</li>
 </ol>
 </li>
 <li>Лето
 <ol style="list-style-type: lower-alpha; font-weight: normal;">
 <li>Июнь</li>
 <li>Июль</li>
 <li>Август</li>
 </ol>
 </li>
 <li>Осень
 <ol style="list-style-type: lower-alpha; font-weight: normal;">
 <li>Сентябрь</li>
 <li>Октябрь</li>
 <li>Ноябрь</li>
 </ol>
 </li>
</ol>

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