İç İçe Listeler

Bir listeyi diğerinin içine yerleştirebilirsiniz; 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 <ul> veya <ol> öğesini başka bir listenin <i><li></i> öğesinin içine yerleştirmeniz yeterlidir.

İşte iç içe geçmiş bir sırasız 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 içerir. Tarayıcıda şu şekilde görüntülenecektir:

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

Ayrıca sıralı listeleri iç içe geçirebilir veya her ikisini de karıştırabilirsiniz.