중첩 리스트

한 목록을 다른 목록 안에 배치할 수 있습니다. 이를 중첩 목록이라고 합니다. 이는 개요나 다단계 메뉴와 같은 계층 구조를 만드는 데 유용합니다. 

중첩 목록을 만들려면 다른 목록의 <li> 요소 안에 <ul> 또는 <ol> 요소를 그대로 넣으면 됩니다.

다음은 중첩된 순서 없는 목록의 예입니다:

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

두 번째 항목에는 두 개의 하위 항목이 있는 중첩 목록이 포함되어 있습니다. 브라우저에서는 다음과 같이 표시됩니다:

• Item 1
• Item 2
  • Subitem 2.1
  • Subitem 2.2
• Item 3

순서가 있는 목록을 중첩하거나 두 목록을 함께 사용할 수도 있습니다.