순서가 있는 리스트

    HTML GUIDE INDEX
  1. 줄 바꿈 및 문단구분
  2. 문자의 형태 및 크기
    1. 크기 1
    2. 크기 2
  3. Universal Resource Locator - URL
  4. ANCHOR with URL
  5. 문서내에서의 이미지
    1. 이미지 1
    2. 이미지 2
    3. 이미지 3
  6. 다른 문서를 연결하는 링크

위의 예를 보면 리스트에 번호가 있는 것을 볼 수 있습니다. 이러한 것을 순서가 있는 리스트라고 하며 순서가 없는 리스트와 마찬가지로 다단으로도 구성할 수 있습니다. 순서가 없는 리스트에서는 <ul>과 </ul>이 쓰였는데 순서가 있는 리스트는 <ol>과 <ol>이 사용됩니다. 

        <ol> 리스트 이름
            <li> 항목 1
            <li> 항목 2
                <ol>
                    <li>항목2-1
                    <li>항목2-2
                    <li>항목2-N
                </ol>
            <li> 항목 3
                <ol>
                    <li>항목3-1
                    <li>항목3-2
                    <li>항목3-3
                    <li>항목3-N
                </ol>
            <li> 항목 N
        </ol>
따라서 맨 위의 결과를 출력하기 위해서는 다음과 같이 입력하면 됩니다.

        <ol> HTML GUIDE INDEX
            <li> 줄 바꿈 및 문단구분
            <li> 문자의 형태 및 크기
                <ol>
                    <li> 크기 1
                    <li> 크기 2  
                </ol>
            <li> Universal Resource Locator - URL
            <li> ANCHOR with URL
            <li> 문서내에서의 이미지
                <ol>
                    <li> 이미지 1
                    <li> 이미지 2
                    <li> 이미지 3
                </ol>
        </ol>

그리고 순서가 있는 리스트와 없는 리스트를 혼합해서 사용할 수 있는데 다음은 어떻게 했는지 추측해 보고 브라우져의 소스보기를 통해 확인해 보시기 바랍니다.

    HTML GUIDE INDEX
  1. 줄 바꿈 및 문단구분
  2. 문자의 형태 및 크기
    1. 크기 1
    2. 크기 2
  3. Universal Resource Locator - URL
  4. ANCHOR with URL
  5. 문서내에서의 이미지
  6. 다른 문서를 연결하는 링크