HTML li ul 태그 중첩 예제와 함께 살펴보기


HTML li ul 태그 중첩은 가능할까요? 가능합니다. li 밑에 ul 태그가 소속되어도 중첩되어 층을 이루면서 목차가 정상적으로 작동합니다.

HTML li ul 중첩

HTML 리스트 태그는 서로 중첩하여 사용할 수 있습니다. <li> 태그의 밑에 <ul> 태그와 <li> 태그 묶음이 올 수 있습니다.

<ul>
  <li>마크업언어
    <ul>
      <li>HTML</li>
      <li>CSS</li>
    </ul>
  </li>
</ul>

<li> 태그와 <ul> 태그를 여러 번 중첩해서 여러 갈래의 목차를 만들 수 있습니다.


<ul>
  <li>원자
    <ul>
      <li>원자핵
        <ul>
          <li>양성자</li>
          <li>중성자</li>
        </ul>
      </li>
      <li>전자</li>
    </ul>
  </li>
</ul>

기본 설정은 하위 <ul> 태그에는 다른 모양의 아이콘이 생성됩니다.