Тег ol создает так называемый упорядоченный список с маркерами в виде цифр:

Результат выполнения кода:

  1. пункт списка
  2. пункт списка
  3. пункт списка
  4. пункт списка
  5. пункт списка

Тег ol следует использовать совместно с тегом li, который создает пункты списка (а ol создает сам список, см. пример ниже). Без тега li тег ol не употребляется.

Преимущество тега ol в том, что он автоматически расставляет нумерацию. Если вы захотите вставить пару пунктов в середину списка - нумерация подстроится под вас.

Списки применяются на сайтах очень широким образом для создания менюшек.

Сменить (или убрать совсем) маркеры списка вы можете с помощью CSS свойства list-style-type. Кроме того, рекомендую посмотреть свойства list-style-image, list-style-position, list-style.

Тег по умолчанию блочный. Про строчные и блочные элементы см. свойство display.

См. также тег ul, который создает неупорядоченный список (с маркерами-точками).

См. также свойство counter-increment, которое позволяет сделать автоматическую нумерацию любых элементов, а не только спиков.

Примеры

Пример . Список ol

В данном примере мы можете наблюдать как выглядит список <ol> в браузере по умолчанию:

 <ol>
	<li>пункт</li>
	<li>пункт</li>
	<li>пункт</li>
	<li>пункт</li>
</ol>

Результат выполнения кода:

  1. пункт
  2. пункт
  3. пункт
  4. пункт

Пример . Список ul

В данном примере мы можете наблюдать как выглядит список <ul> в браузере по умолчанию:

 <ul>
	<li>пункт</li>
	<li>пункт</li>
	<li>пункт</li>
	<li>пункт</li>
</ul>

Результат выполнения кода:

  • пункт
  • пункт
  • пункт
  • пункт