Как сделать нумерованный и маркированный список в HTML? Путаюсь в ul, ol, li

Запомни так:

• <ul> — unordered list, список с точками (маркерами), порядок не важен.
• <ol> — ordered list, нумерованный список 1, 2, 3.
• <li> — list item, один пункт. Живёт только внутри ul или ol.

Список покупок (порядок не важен → ul):

<ul>
  <li>Хлеб</li>
  <li>Молоко</li>
  <li>Яблоки</li>
</ul>

Шаги рецепта (порядок важен → ol):

<ol>
  <li>Разбить яйца</li>
  <li>Взбить</li>
  <li>Пожарить</li>
</ol>

Браузер сам нарисует точки или поставит номера — тебе их писать руками не надо.