[UX/UI] HTML - 목록을 구성하는 태그

순서가 없는 목록

<!-- 순서가 없는 목록 -->
<ul>
    <li><a href="링크">메뉴 1</a></li>
    <li><a href="링크">메뉴 2</a></li>
    <li>
    	<a href="링크">메뉴 3</a>
        <ul>
            <li><a href="링크">서브메뉴 3-1</a></li>
            <li><a href="링크">서브메뉴 3-2</a></li>
            <li><a href="링크">서브메뉴 3-3</a></li>
        </ul>
    </li>
</ul>

 

순서가 있는 목록

<!-- 순서가 있는 목록 -->
<ol type"a or A or i">
    <li>메뉴 1</li>
    <li>메뉴 2</li>
    <li>
    	<a href="링크">메뉴 3</a>
        <ol>
            <li><a href="링크">서브메뉴 3-1</a></li>
            <li><a href="링크">서브메뉴 3-2</a></li>
            <li><a href="링크">서브메뉴 3-3</a></li>
        </ol>
    </li>
</ol>

 

출처 : know-one-by-one.tistory.com/21