<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h2>순서 없는 목록(Unordered List)</h2>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<hr>
<h2>순서 있는 목록(Ordered List)</h2>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<hr>
<h2>순서 나타내는 문자 지정</h2>
<!--value 값을 지정하지 않으면 그 전 항목의 다음 값을 사용한다.-->
<h4>대문자 알파벳</h4>
<ol type="A">
<li value="2">Coffee</li>
<li>Cola</li>
</ol>
<h4>소문자 알파벳</h4>
<ol type="a">
<li value="4">Tea</li>
<li>Cola</li>
</ol>
<h4>대문자 로마숫자</h4>
<ol type="I">
<li value="6">Milk</li>
<li>Cola</li>
</ol>
<h4>소문자 로마숫자</h4>
<ol type="i">
<li value="8">Cocoa</li>
<li>Cola</li>
</ol>
<h4>시작값을 초기에 지정하는 것도 가능하다.</h4>
<ol type="I" start="3">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<h4>"reversed"를 사용하면 역순으로 출력할 수도 있다.</h4>
<ol reversed>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<hr>
<h2>중첩 목록</h2>
<ul>
<li>Coffee</li>
<li>Tea
<ol type="I">
<li>Black tea</li>
<li>Green Tea</li>
</ol>
</li>
<li>Milk</li>
</ul>
</body>
</html>