Как сделать нумерованный список в html

Для создания нумерованного списка используется два тега:

• <ol> для указания типа списка
• <li> для создания пункта списка

<ol>
  <li>Пункт 1</li>
  <li>Пункт 2</li>
  <li>Пункт 3</li>
</ol>

В дополнение.

1. Стиль маркера в нумерации можно изменить в CSS через list-style-type

Пример нумерации квадратами:

<ul class="list-style-square">
  <li class="list-style-none">Нумерованные;</li>
</ul> 

.list-style-square {
  list-style-type: square;
}

1. Также нумерацию можно сделать изображением через list-style-image

<ul class="list-style-phone">
  <li>8 999 123-45-67</li>
  <li>8 555 765-43-21</li>
  <li>8 123 456-78-90</li> 
</ul> 

.list-style-phone {
  list-style-image: url('https://assets.codepen.io/1425525/phone.svg');
}