✔Сделать вложенный список - «Списки»

26 марта 2016 1 221 Самоучитель CSS / Списки 0

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
4.0+	1.0+	4.0+	1.0+	1.0+	1.0+	1.0+

Задача

Сделать один маркированный список находящийся внутри другого.

Решение

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

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

HTML5IECrOpSaFx

<!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>

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

Цитирование статьи, картинки - фото скриншот - Rambler News Service.

Иллюстрация к статье - Яндекс. Картинки.

Есть вопросы. Напишите нам.

Общие правила поведения на сайте.

запостил(а)

Administrator

Вернуться назад