İç İçe Listeler

Bir listeyi başka bir listenin içine yerleştirebilirsin. Buna iç içe liste denir. Bu, ana hatlar veya çok düzeyli menüler gibi hiyerarşik yapılar oluşturmak için kullanışlıdır. 

İç içe geçmiş bir liste oluşturmak için, bir listenin <li> öğesinin içine bir <ul> veya <ol> öğesi yerleştirmeniz yeterlidir.

İşte iç içe sıralanmamış bir liste örneği:

<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>

İkinci öğe, iki alt öğe içeren iç içe bir liste barındırır. Tarayıcıda şu şekilde görüntülenir:

• Öğe 1
• Öğe 2
  • Alt öğe 2.1
  • Alt öğe 2.2
• Öğe 3

Sıralı listeleri iç içe de yerleştirebilir veya her ikisini karıştırabilirsin.