İç İçe Listeler

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

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

İşte iç içe geçmiş sırasız 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 geçmiş 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 yerleştirebilir veya her iki liste türünü karıştırabilirsin.