<style>
ol {
/* убираем стандартную нумерацию */
list-style: none;
/* Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0 */
counter-reset: li;
}
li:before {
/* Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает,
что содержимое, вставляемое при помощи свойства content, будет располагаться перед
пунктами списка. Здесь же устанавливается значение приращения счетчика (по умолчанию равно 1). */

counter-increment: li;
/* С помощью свойства content выводится номер пункта списка. counters() означает, что
генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в
кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка */

content: counters(li,".") ". ";
}
</style>

<ol>
  <li>пункт</li> <!-1.->
  <li>пункт          
    <ol>
      <li>пункт</li> <!-2.1.->
      <li>пункт</li> <!-2.2.->
      <li>пункт
        <ol>
          <li>пункт</li> <!-2.3.1.->
          <li>пункт</li> <!-2.3.2.->
          <li>пункт</li> <!-2.3.3.->
        </ol>
      </li> <!-2.3.->
      <li>пункт</li> <!-2.4.->  
    </ol>
  </li> <!-2.->
  <li>пункт</li> <!-3.->        
  <li>пункт</li> <!-4.->        
</ol>
 

\num{
 {*} \url[Основные элементы окна программы]{http://....#1}
 \num{
  {*}{*} \url[Базовая панель]{http://....#2}
  {*}{*} \url[Пример]{http://....#3}
 }
 {*} \url[Рисунки и заголовки]{http://....#4}
}
 

1 Основные элементы окна программы
 1.1 Базовая панель
 1.2 Пример
2 Рисунки и заголовки
 2.1 лалалала
 2.2 тырпырпыр
 2.3 кхекхекхе
 
и т.д.