piątek, 2020-10-30

Zagnieżdżanie list

Listy HTML mogą się zagnieżdżać na wiele poziomów. Kolejną listę należy dodać do elementu listy nadrzędnej. W takiej strukturze dozwolone jest mieszanie ze sobą list uporządkowanych i nieuporządkowanych.

Poniżej zamieszczono zrzut zagnieżdżonej listy HTML wraz z kodem źródłowym. W przykładzie występuje jeden poziom zagłębienia.

<h3>Wybrane systemy operacyjne</h3>
<ul>
  <li>Windows
    <ul>
      <li>Windows 10</li>
      <li>Windows 7</li>
      <li>Windows 8</li>
      <li>Windows 10</li>
    </ul>
  </li>
  <li>MacOS</li>
  <li>Linux</li>
</ul>