Verschachtelte Listen

Du kannst eine Liste in eine andere einfügen. Das nennt man eine verschachtelte Liste. Das ist nützlich, um hierarchische Strukturen wie Gliederungen oder mehrstufige Menüs zu erstellen. 

Um eine verschachtelte Liste zu erstellen, platzierst du einfach ein <ul>- oder <ol>-Element innerhalb eines <li>-Elements einer anderen Liste.

Hier ist ein Beispiel für eine verschachtelte ungeordnete Liste:

<ul>
  <li>Item 1</li>
  <li>Item 2
    <ul>
      <li>Subitem 2.1</li>
      <li>Subitem 2.2</li>
    </ul>
  </li>
  <li>Item 3</li>
</ul>

Der zweite Eintrag enthält eine verschachtelte Liste mit zwei Untereinträgen. Im Browser wird sie so angezeigt:

• Eintrag 1
• Eintrag 2
  • Untereintrag 2.1
  • Untereintrag 2.2
• Eintrag 3

Du kannst auch nummerierte Listen verschachteln oder beide Arten mischen.