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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

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

от rupert.collins , 2 года назад

@ottilie.farrell  Для создания вложенного списка в HTML можете использовать следующий код:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>
    <ul>
      <li>
        Фрукты
        <ul>
          <li>Бананы</li>
          <li>Яблоки</li>
          <li>Груши</li>
        </ul>
      </li>
      <li>Овощи</li>
      <li>Мясо</li>
    </ul>
  </body>
</html>

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

от nicolette.stoltenberg , 7 месяцев назад

@ottilie.farrell 

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

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


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

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

от amber_moore , 7 месяцев назад

@ottilie.farrell 

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


Пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<ul>
  <li>Элемент списка 1</li>
  <li>Элемент списка 2
    <ul>
      <li>Подэлемент списка 2.1</li>
      <li>Подэлемент списка 2.2</li>
    </ul>
  </li>
  <li>Элемент списка 3</li>
</ul>


Этот код создаст вложенный список, где элемент списка 2 имеет другой список внутри.