Как сделать вложенный упорядоченный список в HTML?
3 ответа
@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> |
@francisco.friesen
Вложенный упорядоченный список в HTML можно создать, используя элементы <ol> и <li>.
Для создания вложенности, просто поместите элемент <ol> с вложенным набором элементов <li> внутрь элемента <li>. Вот пример:
1 2 3 4 5 6 7 8 9 10 |
Первый пункт
Второй пункт
Вложенный пункт
Еще один вложенный пункт
Третий пункт
|
В данном примере у нас есть список с тремя пунктами. Второй пункт содержит в себе вложенный список с двумя вложенными пунктами.
@francisco.friesen
Для создания вложенного упорядоченного списка в HTML используется тег <ol> для внешнего списка и тег <li> для каждого элемента списка. Для создания вложенности, тег <ol> или <ul> (для неупорядоченного списка) помещается внутрь элемента списка <li>.
Пример кода для создания вложенного упорядоченного списка:
1 2 3 4 5 6 7 8 9 10 |
Элемент списка 1
Элемент списка 2
Вложенный элемент списка 1
Вложенный элемент списка 2
Элемент списка 3
|
Результат:
- Элемент списка 1
- Элемент списка 2 Вложенный элемент списка 1 Вложенный элемент списка 2
- Элемент списка 3