<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 목록태그
레벨 : 블록레벨
*ul : 부모로만 사용 가능
순서가 필요없는 목록
ol : 부모로만 사용 가능
순서가 필요한 목록
li : 자식으로만 사용 가능
- 속성(ul 또는 ol에서만 사용 가능한 속성)
1) type : 리스트의 모양(점, 숫자)을 처리
ul - disc(기본값, 검은점)
circle(흰점)
square(검은 사각형)
**none(아무것도 표시 안함)
ol - 1(기본값, 정수) (css에서 처리가능하므로 잘 안씀)
a(영문, 소문자)
A(영문, 대문자)
i(로마 소문자)
I(로마 대문자)
2) start : (ol용) 시작점을 바꿔줌
3) reversed : (ol용) 시작점부터 거꾸로 표시.
start 속성값이 li 개수보다 많아야 함. 아니면 깨짐.
-->
<ul type="none">
<li>목록1</li>
<li>목록2</li>
<li>목록3</li>
</ul>
<ol type="a" start = "1" reversed>
<li>목록1</li>
<li>목록2</li>
<li>목록3</li>
</ol>
<!-- 중요도가 떨어지니 알아두기만 할 것. 잘 안씀.
dl 안에 dt, dd 사용가능
용어 설명할 때 주로 사용
dt : 왼쪽 정렬, 제목
dd : 들여쓰기, 내용
-->
<dl>
<dt>제목</dt>
<dd>내용</dd>
</dl>
</body>
</html>목록태그 중첩하기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ul>
<li>웹1</li>
<li>웹2
<ul>
<li>js</li>
<li>jq</li>
</ul>
</li>
<li>웹3</li>
</ul>
</body>
</html>ul(or ol)과 li는 세트라서 li안에 자식li를 추가하고 싶으면 li만 블록처리해서 추가하는 것이 아니라 ul(or ol)과 함께 li를 추가해야한다.
ul(or ol)은 기본으로 margin:0; padding:0 하기!
계속 나아가기