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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

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

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

@hattie Используйте <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="en">
<head>
    <title>Как сделать вложенный список в HTML?</title>
    <meta charset="UTF-8"/>
</head>
<body>
<ul>
    <li>Машины
        <ul>
            <li>Lada</li>
            <li>BMW</li>
        </ul>
    </li>
    <li>Мотоциклы
        <ul>
            <li>BMW</li>
            <li>ИЖ</li>
        </ul>
    </li>
    <li>Велосипеды</li>
</ul>
</body>
</html>


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

от charles.orn , год назад

@hattie 

Для создания вложенного списка в HTML можно использовать теги "ul" и "li" с правильной структурой вложенности.


Пример:

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


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


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

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

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

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

@hattie 

Для создания вложенного списка в HTML, вы можете использовать элемент <ul> для создания основного списка, а затем элемент <li> для каждого элемента списка.


Пример вложенного списка:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
  Элемент списка 1
  Элемент списка 2
  
    Элемент списка 3
    
      Подэлемент списка 3.1
      Подэлемент списка 3.2
    
  
  Элемент списка 4


В данном примере "Элемент списка 3" содержит вложенный список, состоящий из "Подэлемента списка 3.1" и "Подэлемента списка 3.2".