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

Аватар пользователя Nikita Mikhaylov
Nikita Mikhaylov
16 марта 2022

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

  • <ol> для указания типа списка
  • <li> для создания пункта списка
<ol>
  <li>Пункт 1</li>
  <li>Пункт 2</li>
  <li>Пункт 3</li>
</ol>
0 0

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

  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');
}
0 0
Познакомьтесь с основами HTML и CSS бесплатно