Опорная идея
Списки структурируют перечисления.
Маркированный (порядок не важен): <ul> <li>яблоки</li> <li>хлеб</li> <li>молоко</li> </ul>
Нумерованный (порядок важен — шаги, рейтинг): <ol> <li>Открыть редактор</li> <li>Написать код</li> <li>Сохранить файл</li> </ol>
Каждый пункт — это <li> (list item). Списки можно вкладывать друг в друга, создавая многоуровневые меню и оглавления. Выбор между <ul> и <ol> делают по смыслу: важна ли последовательность пунктов.