Главная » Вебмастеру » Как сделать вложенный список?
Суббота, Февраль 9th, 2019

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

Вложенные списки предназначены для организации сложной иерархической структуры текста, обычно юридических или технических документов. Также вложенные списки используются при создании многоуровневых меню и навигации по сайту. Чтобы сделать такую структуру вначале создаётся список с помощью <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. Вид вложенного списка

Читайте также »   Как задать цвет активной ссылки?

Источник