Сделать вложенный список - «Списки» » Новости мира Интернет
Россияне оспорили отказ суда рассматривать иск о блокировке звонков в Telegram и WhatsApp - «Новости сети»
Россияне оспорили отказ суда рассматривать иск о блокировке звонков в Telegram и WhatsApp - «Новости сети»
Sony анонсировала первый за семь лет проигрыватели виниловых пластинок - «Новости сети»
Sony анонсировала первый за семь лет проигрыватели виниловых пластинок - «Новости сети»
Intel упускает миллиарды из-за дефицита процессоров и производственных проблем — акции рухнули на 11 % - «Новости сети»
Intel упускает миллиарды из-за дефицита процессоров и производственных проблем — акции рухнули на 11 % - «Новости сети»
Илон Маск пообещал, что роботы Tesla Optimus точно-точно поступят в продажу в конце 2027 года - «Новости сети»
Илон Маск пообещал, что роботы Tesla Optimus точно-точно поступят в продажу в конце 2027 года - «Новости сети»
Луна подождёт: третий пуск ракеты Blue Origin New Glenn в конце февраля доставит спутник главного конкурента Starlink - «Новости сети»
Луна подождёт: третий пуск ракеты Blue Origin New Glenn в конце февраля доставит спутник главного конкурента Starlink - «Новости сети»
В Яндекс Картах добавили возможность делиться геопозицией с близкими - «Новости мира Интернет»
В Яндекс Картах добавили возможность делиться геопозицией с близкими - «Новости мира Интернет»
Китайская блогерша объединила PS5, Xbox и Nintendo Switch 2 в корпусе Mac Pro - «Новости мира Интернет»
Китайская блогерша объединила PS5, Xbox и Nintendo Switch 2 в корпусе Mac Pro - «Новости мира Интернет»
Яндекс связал умный дом и авто: «Алиса» научилась заводить машину - «Новости мира Интернет»
Яндекс связал умный дом и авто: «Алиса» научилась заводить машину - «Новости мира Интернет»
Microsoft опубликовала рейтинг стран по уровню внедрения ИИ-сервисов - «Новости мира Интернет»
Microsoft опубликовала рейтинг стран по уровню внедрения ИИ-сервисов - «Новости мира Интернет»
В Adobe Acrobat можно будет переводить PDF-документы в подкасты - «Новости мира Интернет»
В Adobe Acrobat можно будет переводить PDF-документы в подкасты - «Новости мира Интернет»
Новости мира Интернет » Самоучитель CSS » Списки » Сделать вложенный список - «Списки»
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, в которой маркеры не меняются.


Internet Explorer Chrome Opera Safari Firefox Android iOS 4.0 1.0 4.0 1.0 1.0 1.0 1.0 Задача Сделать один маркированный список находящийся внутри другого. Решение Вложенные списки предназначены для организации сложной иерархической структуры текста, обычно таких документов, как юридические или технические. Также вложенные списки используются для создания многоуровневых меню и навигации по сайту. Чтобы сделать такую структуру вначале создаётся список с помощью тега , а вложенный список вставляется внутрь одного из тегов , как показано в примере 1. Пример 1. Вложенный список HTML5 IE Cr Op Sa Fx Браузеры самостоятельно меняют вид маркеров вложенного списка, чтобы они различались от родительского списка. Исключением является Opera, в которой маркеры не меняются.
Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

Смотрите также

А что там на главной? )))



Комментарии )))