Вложенные списки

Часто, для создания корректного списка дел, используют подпункты, которые разбивают задачу на подзадачи.

  • Сходить в магазин

    • Купить молоко
    • Купить хлеб
  • Пройти уроки на Code Basics

Такой вид списков позволяет объединить 2 различных списка в один, что удобнее. Также, как и с простыми списками, можно создать вложенный список с помощью параграфов, но это разобьёт список и найти в нём отдельные связанные части станет невозможно:

* Сходить в магазин
  Купить молоко


  Купить хлеб


* Пройти уроки на Code Basics

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

<ul>
    <li>Сходить в магазин
        <ol>
            <li>Купить молоко</li>
            <li>Купить хлеб</li>
        </ol>
    </li>
    <li>Пройти уроки на Code Basics </li>
</ul>
  • Сходить в магазин

    1. Купить молоко
    2. Купить хлеб
  • Пройти уроки на Code Basics

Теперь такой список легко читать и понимать. Он не содержит лишних отступов, при этом вложенный список отделяется отступом слева.

Задание

Создайте вложенную разметку для списка:

1. Профессия JavaScript
  * Frontend
  * Backend
2. Профессия PHP

Нашли ошибку? Есть что добавить? Пулреквесты приветствуютсяhttps://github.com/hexlet-basics

Упражнение доступно только авторизованным пользователям.

Пожалуйста, авторизуйтесь с помощью учётной записи GitHub, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт на GitHub.