Developer/HTML_CSS

HTML,ol 태그와 ul 태그 list 작성

단님 2024. 4. 9. 23:10
728x90

 

ol 태그

ol 태그는 순번이 있는 글머리 항목. type 와 start 속성 지정이 가능 .

자식으로는 li 태그 , li 이외에 직접 올 수 없으나 li 의 또 자식 태그로 다른 태그 설정가능

li 태그는 기본적으로 들여쓰기가 적용

 

ul 태그

ul 태그는 순번이 없는 글머리 항목

자식으로는 li, 이외에 직접올 수 없으나 li 의 또다른 자식 태그로 다른 태그 설정 가능

li 태그는 기본적으로 들여쓰기 적용

list으 중첩 , 리스트 하위를 설정하는 경우 li 태그 이외에 다른 태그가 올 수 없음.

li 의 자식태그로 다른 태그가 와야함의 주의.

 

dl 태그

용어 또는 주제의 설명 형식으로 주제를 정하고 dd , dt 태그가 자식 태그.

다른 태그는 dd,dt 의 자식 태그로 사용 가능.

dd 태그는 기본적으로 들여쓰기가 적용

 

<body>
    <ol type="I" start="1">문서를 볼까
        <li>문서 1</li>
        <li>문서 2</li>
        <li>문서 3</li>
    </ol>

    <ul>여기도 문서를 볼까
        <li>문서 1</li>
        <li>문서 2</li>
        <li>문서 3</li>
    </ul>

    <ol>가와 나가 있지 그중 중첩문을 볼까롱 (ol속 li속 ul)
        <li>가
            <ul>
                <li>중첩 1</li>
                <li>중첩 2</li>
                <li>중첩 3</li>
            </ul>
        </li>
        <li>나
            <ul>
                <li>중첩 1</li>
                <li>중첩 2</li>
                <li>중첩 3</li>
            </ul>
        </li>
    </ol>

    <dl>주제
        <dd>설명1</dd>
        <dd>설명2</dd>
        <dd>설명3</dd>
    </dl>
</body>