[HTML5&CSS3] 목록 관련 태그

1. ul

 

순서 없는 목록을 만듭니다.

<li>
    <li>자동자</li>
    <li>비행기</li>
    <li>자전거</li>
</li>

2. ol

 

순서가 있는 목록을 만듭니다.

<ol>
    <li>자동자</li>
    <li>비행기</li>
    <li>자전거</li>
</ol>

1과 2에서 <li>는 목록 자체를 지정하는 태그입니다. 이 태그 안에 목록 태그를 다시 집어넣어서 중첩된 목록을 만들 수 있습니다.

<ul>
    <li>자동자</li>
    <li>비행기</li>
    <li>자전거
        <ol>
            <li>두발 자전거</li>
            <li>세발 자전거</li>
            <li>한발 자전거</li>
        </ol>
    </li>
</ul>

3. dl

 

특정용어를 설명할 때의 목록 태그입니다. <dl> 태그로 시작해 <dt> 태그로 정의할 용어를 지정하고 <dd> 태그로 설명 목록을 만듭니다.

<dl>
    <dt>비행기</dt>
    <dd>빠른이동수단</dd>
    <dd>통계적으로 가장 안전함</dd>
    <dd>다른 이동수단에 비해 비쌈</dd>
</dl>