Вызов: Многоуровневый список покупок 100%

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Многоуровневый список покупок</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Список покупок</h1>
    <ul>
      <li>Еда
       <ul>
        <li>Рыба
         <ul>
          <li>Филе форели, 2 шт</li>
          <li>Карась, 5 шт</li>
          <li>Окунь, 10 шт</li>
         </ul>
        </li>
        <li>Молочные продукты
         <ul>
           <li>Сметана</li>
           <li>Йогурт</li>
           <ul>
            <li>Жирный</li>
            <li>Обезжиренный</li>
          </ul>
         </ul>
         </li>
        </ul>
      <li>Вещи
       <ul>
        <li>Игрушки</li>
         <ul>
          <li>Когтеточка</li>
          <li>Мячи, 2 шт</li>
         </ul>
          
         <li>Уход</li>
          <ul>
           <li>Расчёска для шерсти</li>
           <li>Мусс для усов</li>
          </ul>
        </ul>
       </li>
     </ul>     
  </body>
</html>
1 Симпатия
Многоуровневый список покупок

Список покупок

<ul><li>Еда 
   <ul type="circle">
    <li>Рыба 
    <ul type="square">
    <li>Филе форели, 2 шт</li> 
    <li>Карась, 5 шт</li> 
    <li>Окунь, 10 шт</li></ul>
    
   <li>Молочные продукты 
     <ul type="square">
    <li>Сметана </li> 
    <li>Йогурт </li> 
       <ul><li>Жирный</li>
      <li>Обезжиренный</ul></ul></li></ul> 
       

 <li>Вещи 
<ul type="circle">
  <li>Игрушки</li>
  <ul type="square">
    <li>Когтеточка</li>
    <li>Мячи, 2 шт</li></ul> 

    <li>Уход 
     <ul type="square">
      <li>Расчёска для шерсти</li>
      <li>Мусс для усов</li> </ul>
   </li>

@bloom123 @Santa Валидатор пробовали? в ul должны же быть только li.

Вот внизу валидный код.

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Многоуровневый список покупок</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Список покупок</h1>
    <ul>
     <li>Еда
      <ul><li>Рыба
        <ul>
        <li>Филе форели, 2 шт</li>
        <li>Карась, 5 шт</li>
        <li>Окунь, 10 шт</li>
        </ul>
        </li>
      <li>Молочные продукты
        <ul>
          <li>Сметана</li>
          <li>Йогурт
          <ul><li>Жирный</li>
          <li>Обезжиренный</li></ul>
          </li>
        </ul>
      </li>
      </ul>
      </li>
    <li>Вещи
      <ul><li>Игрушки
      <ul>
        <li>Когтеточка</li>
        <li>Мячи, 2 шт</li>
      </ul>
      </li>
        <li>Уход
          <ul><li>Расчёска для шерсти</li>
          <li>Мусс для усов</li></ul></li>
      </ul>
     </li>
     </ul>
  </body>
</html>

Привет. Вы даже не представляете, как плохо я во всём этом разбираюсь… Что такое " валидатор" и почему только Li? Можно ссылками на объясняющие темы. Спасибо!!

зачем нужно написано тут https://htmlacademy.ru/blog/boost/tutorial/html-validation

сам сервис тут https://validator.w3.org/
залей свой код сюда и увидишь свои ошибки (он будет ругаться на ошибки -error) + зачем ты type ставишь (я сам не знаю для чего они, можешь мне объяснить? просто интересно для чего этого?)

  • посмотри мой код выше и сравни со своим, ты li где то раньше времени закрываешь.

Type: это я в поиске гугла набрала, как поставить точку, квадратик, закрашенный кружочек в html. Поиск выдал type: square и прочее. Остальное набирала, чтобы 100% прошла проверку. )))

здесь это не нужно, li сами это сделают