<!--
목록 태그
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 |