03. list tag (목록 관련 태그)

 

 

ul tag / li tag (순서가 필요없는 목록 태그)

- ul 태그 :li태그를 감싸는 외부태그로 순서가 필요하지 않을때 사용

- li태그 : 실제 컨텐츠를 담을 목록 태그

    <ul>
        <!-- 목록 앞에 자동으로 ● 찍힘 -->
        <li>목록1</li>
        <li>목록2</li>
        <li>목록3</li>
        <li>목록4</li>
    </ul>

 

ol tag / li tag (ol 순서가 있는 목록 태그)

- ol 태그 :li태그를 감싸는 외부태그로 순서가 필요할때 사용
- li태그 : 실제 컨텐츠를 담을 목록 태그

   <ol>
        <!-- 목록앞에 자동으로 순번이 찍힘 -->
        <li>목록1</li>
        <li>목록2</li>
        <li>목록3</li>
    </ol>

    <ol type="1">
        <li>목록1</li>
        <li>목록2</li>
        <li>목록3</li>
    </ol>

    <ol type="A">
        <li>목록1</li>
        <li>목록2</li>
        <li>목록3</li>
    </ol>

    <ol type="a">
        <li>목록1</li>
        <li>목록2</li>
        <li>목록3</li>
    </ol>

    <ol type="I">
        <li>목록1</li>
        <li>목록2</li>
        <li>목록3</li>
    </ol>

    <ol type="i">
        <li>목록1</li>
        <li>목록2</li>
        <li>목록3</li>
    </ol>

 

 

dl tag / dy tag / dd tag  (복합적으로 사용될 때 활용법)

- dl : 가장 외부 태그
- dt : 제목 태그
- dd : 실제내용 태그

    <dl>
        <dt>첫번째 제목</dt>
        <dd>내용1</dd>
        <dd>내용2</dd>
        <dd>내용3</dd>
        <dt>두번째 제목</dt>
        <dd>내용1</dd>
        <dd>내용2</dd>
        <dd>내용3</dd>
    </dl>

 

 

 

---

"본 인터넷 사이트 내의 모든 이미지, 문구, 콘텐츠, 내용 등에 대한 저작권은 76beny에게 있습니다.

이를 무단으로 도용, 복사, 전재, 재배포, 2차 변형 등을 할 경우

민, 형사상 법적 조치 등 저작권법에 의거하여 처벌 받을 수 있습니다."