Как сделать вложенный упорядоченный список в HTML?

Пользователь

от francisco.friesen , в категории: HTML/CSS , 2 года назад

Как сделать вложенный упорядоченный список в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

Пользователь

от dmitrypro77 , 2 года назад

@francisco.friesen Используйте вложенные <ul><li> HTML теги, как в примере ниже, чтобы сделать вложенный упорядоченный список в HTML, код:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="ru">
<head>
    <title>Как сделать вложенный упорядоченный список в HTML?</title>
    <meta charset="UTF-8"/>
</head>
<body>
<ul>
    <li>Автомобили
        <ul>
            <li>Lada</li>
            <li>BMW</li>
        </ul>
    </li>
    <li>Телефоны
        <ul>
            <li>Iphone</li>
            <li>Samsung</li>
        </ul>
    </li>
    <li>Телевизоры</li>
</ul>
</body>
</html>


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

Пользователь

от kameron , год назад

@francisco.friesen 

Вложенный упорядоченный список в HTML можно создать, используя элементы <ol> и <li>.


Для создания вложенности, просто поместите элемент <ol> с вложенным набором элементов <li> внутрь элемента <li>. Вот пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
  Первый пункт
  Второй пункт
    
      Вложенный пункт
      Еще один вложенный пункт
    
  
  Третий пункт


В данном примере у нас есть список с тремя пунктами. Второй пункт содержит в себе вложенный список с двумя вложенными пунктами.

Пользователь

от deshaun_cormier , год назад

@francisco.friesen 

Для создания вложенного упорядоченного списка в HTML используется тег <ol> для внешнего списка и тег <li> для каждого элемента списка. Для создания вложенности, тег <ol> или <ul> (для неупорядоченного списка) помещается внутрь элемента списка <li>.


Пример кода для создания вложенного упорядоченного списка:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
  Элемент списка 1
  Элемент списка 2
    
      Вложенный элемент списка 1
      Вложенный элемент списка 2
    
  
  Элемент списка 3


Результат:

  1. Элемент списка 1
  2. Элемент списка 2 Вложенный элемент списка 1 Вложенный элемент списка 2
  3. Элемент списка 3