<!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>
<!-- li : list목록 들여쓰기 안됨. 블릿기호의 기본값 disc로 표현 -->
<li>목록1</li>
<li>목록2</li>
<h1>ul : 순서가 없는 목록 태그</h1>
<!-- ul > li 들여쓰기, 블릿기호의 기본값으로 표현 -->
<ul>
<li>HTML5</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuary</li>
</ul>
<h3>중첩으로도 사용 가능</h3>
<ul>
<li>HTML5
<ul>
<li>글자 관련 태그
<ul>
<li>h# 태그</li>
<li>p, pre 태그</li>
<li>b, i 태그</li>
</ul>
</li>
<li>목록 관련 태그</li>
</ul>
</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuary</li>
</ul>
<br>
<!-- type 속성을 이용하여 불릿기호 변경 가능 -->
<ul type="circle">
<li>HTML5</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuary</li>
</ul>
<br>
<ul type="square">
<li>HTML5</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuary</li>
</ul>
<br>
<ul type="none">
<li>HTML5</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuary</li>
</ul>
<hr>
<h1>ol : 순서가 있는 목록 태그</h1>
<ol>
<li>HTML5</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuary</li>
</ol>
<!-- ul과 마찬가지로 중첩으로 사용 가능-->
<!-- type 속성을 이용하여 숫자기호 변경 가능 -->
<!-- start 속성을 이용하여 시작숫자 변경 가능 -->
<ol type="I">
<li>HTML5</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuary</li>
</ol>
<ol type="i" start="3">
<li>HTML5</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuary</li>
</ol>
<ol type="A"> <!-- 소문자도 가능 -->
<li>HTML5</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuary</li>
</ol>
<hr>