Сделать вложенный список - «Списки» » Новости мира Интернет
«Вернуться будет очень сложно»: CD Projekt Red объяснила, зачем выпускает ремастер The Witcher 3: Wild Hunt - «Новости сети»
«Вернуться будет очень сложно»: CD Projekt Red объяснила, зачем выпускает ремастер The Witcher 3: Wild Hunt - «Новости сети»
Micron создала планку DDR5 объёмом полтерабайта - «Новости сети»
Micron создала планку DDR5 объёмом полтерабайта - «Новости сети»
Agility Robotics представила робота Digit 5 — он замирает или приседает при виде человека, но так и задумано - «Новости сети»
Agility Robotics представила робота Digit 5 — он замирает или приседает при виде человека, но так и задумано - «Новости сети»
Ярче, точнее, быстрее: телевизор TCL 65C7L SQD-Mini LED получил подсветку нового поколения - «Новости сети»
Ярче, точнее, быстрее: телевизор TCL 65C7L SQD-Mini LED получил подсветку нового поколения - «Новости сети»
Первый орбитальный запуск мегаракеты SpaceX Starship запланирован на 22 сентября - «Новости сети»
Первый орбитальный запуск мегаракеты SpaceX Starship запланирован на 22 сентября - «Новости сети»
Исследование Точка Банка показало эффективные инструменты продвижения по мнению малого и среднего бизнеса - «Новости мира Интернет»
Исследование Точка Банка показало эффективные инструменты продвижения по мнению малого и среднего бизнеса - «Новости мира Интернет»
Исследование: насколько пользователи доверяют ИИ при совершении онлайн-покупок - «Новости мира Интернет»
Исследование: насколько пользователи доверяют ИИ при совершении онлайн-покупок - «Новости мира Интернет»
ShortDot подает заявку на 40 коротких доменных имен верхнего уровня - «Новости мира Интернет»
ShortDot подает заявку на 40 коротких доменных имен верхнего уровня - «Новости мира Интернет»
Галактические альянсы, космические базы и полёты к Солнцу: для No Man’s Sky вышло масштабное обновление Cosmos - «Новости сети»
Галактические альянсы, космические базы и полёты к Солнцу: для No Man’s Sky вышло масштабное обновление Cosmos - «Новости сети»
Вышедшие из-под контроля OpenAI ИИ-агенты использовали более 10 сайтов для несанкционированной переписки - «Новости сети»
Вышедшие из-под контроля OpenAI ИИ-агенты использовали более 10 сайтов для несанкционированной переписки - «Новости сети»
Новости мира Интернет » Самоучитель 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.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

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

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



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