<!-- 
    목록 태그
1) <ul> <li><li> </ul>    - unordered list
2) <ol> <li><li> </ol>    - ordered list
    ① type 속성 : 항목 타입(ex: 1, a ,A , i, I)
    ② start 속성 : 항목을 중간 번호부터 시작 가능
    ③ reverse 속성 : 항목 역순 표시 
3) <dl> <dt></dt> <dd><dd> </dl> - description list 설명 목록
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>목록 태그</title>
</head>

<body>
    <p>순서 없는 목록</p>
    <ul>
        <li>노랑</li>
        <li>빨강</li>
        <li>초록</li>
    </ul>

    <p>순서 있는 목록1</p>
    <ol>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ol>

    <p>순서 있는 목록2</p>
    <ol type="A" start="5">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ol>

    <p>제목과 설명이 있는 목록</p>
    <dl>
        <dt>제목</dt>
        <dd>설명</dd>
    </dl>
</body>
</html>

'1 > HTML' 카테고리의 다른 글

thymeleaft-layout-dialect 설정 및 적용  (0) 2022.04.01
[HTML] 이미지와 링크 태그  (0) 2020.04.13
[HTML] 테이블/표 태그  (0) 2020.04.13
[HTML] 텍스트 관련 태그  (0) 2020.04.12
[HTML] HTML 문서 기본 구조 및 정리  (0) 2020.04.12

+ Recent posts