Любой список может быть частью другого списка, вложен в другой список. Считается полезным использование сдвигов при подготовки текста исходного HTML-документа, чтобы четко представлять уровни вложенности списков.
<ol>
<li>Дирекция</li>
<ul>
<li>Иванов И.И.</li>
<li>Петров К.В.</li>
</ul>
<li>Отдел маркетинга</li>
<ul>
<li>Варшавская Е.Л.</li>
<li>Самсонов Д.М.</li>
</ul>
</ol>

При выводе вложенных маркированных списков браузер автоматически проставляет маркеры перед элементами, находящимися на разных уровнях вложенности.
Для вложенных нумерованных списков браузер, к сожалению, не изменяет тип нумерации. По умолчанию каждый уровень внутри такого списка будет отмечен арабскими цифрами. Для получения списка в другом формате потребуется вручную проставить каждую метку, используя атрибут type
.
<ol type="I">
<li>Дирекция</li>
<ol>
<li>Иванов И.И.</li>
<li>Петров К.В.</li>
</ol>
<li>Отдел маркетинга</li>
<ol>
<li>Варшавская Е.Л.</li>
<li>Самсонов Д.М.</li>
</ol>
</ol>

Задания
- Создайте файл
list.html
в директорииpublic_html
и включите в него маркированные и нумерованные списки нескольких уровней вложенности. - Используйте различные стартовые значения для нумерованных списков.