Close

3 июня, 2021

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

Вложенные списки предназначены для организации сложной иерархической структуры текста, обычно юридических или технических документов. Также вложенные списки используются при создании многоуровневых меню и навигации по сайту. Чтобы сделать такую структуру вначале создаётся список с помощью <ul>, а вложенный список вставляется внутрь одного из элементов <li>, как показано в примере 1. Обратите внимание, что <li> закрывается после вложенного <ul>.

Пример 1. Вложенный список

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Список</title>
</head>
<body>
<ul>
<li>Русская кухня
<ul>
<li>Уха бурлацкая</li>
<li>Бабушкина тюря</li>
<li>Растегай</li>
</ul>
</li>
<li>Украинская кухня</li>
<li>Молдавская кухня</li>
<li>Кавказская кухня</li>
<li>Прибалтийская кухня</li>
</ul>
</body>
</html>

Браузеры самостоятельно меняют вид маркеров вложенного списка, чтобы они различались от родительского списка (рис. 1).

Вид вложенного списка

Рис. 1. Вид вложенного списка

Автор: Влад Мержевич
Источник: webref.ru

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Яндекс.Метрика
Открыть чат
Если есть вопросы пишите нам
Здравствуйте.
Чем вам помочь?