Lista numerowana i lista w liście

Listy, linki i obrazki - HTML i CSS: pierwsze strony (HTML/CSS/JS)

Lista numerowana <ol> sama numeruje elementy 1, 2, 3, więc użyj jej, gdy liczy się kolejność. Wewnątrz elementu <li> można umieścić kolejną listę: powstaje lista zagnieżdżona, przesunięta w prawo. Uważaj, aby wewnętrzna lista była w środku <li>, przed jego znacznikiem zamykającym. Atrybut start zmienia numer pierwszego elementu.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Listy numerowane</title>
</head>
<body>
  <h2>Poranek</h2>
  <ol>
    <li>Wstań z łóżka</li>
    <li>Zjedz śniadanie:
      <ul>
        <li>płatki z mlekiem</li>
        <li>banan</li>
      </ul>
    </li>
    <li>Wyjdź do szkoły</li>
  </ol>
  <h2>Dalsze kroki</h2>
  <ol start="4">
    <li>Lekcje</li>
    <li>Obiad</li>
  </ol>
</body>
</html>

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu HTML i CSS: pierwsze strony · Zaloguj się, aby zapisać postęp na koncie.