<html>
<head>
<title>09_목록.html</title>
</head>
<body>
<h1>목록</h1>
<!-- 웹페이지를 구조화하라때 주로 사용 -->
<!-- 순서가 없는 목록 -->
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<hr>
<ul type="square">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<hr>
<ul type="circle">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<hr>
<!-- 순서가 있는 목록 -->
<ol > <!-- ol= order list -->
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<hr>
<ol type="i" > <!-- ol= order list -->
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<hr>
<ol type="A"> <!-- ol= order list -->
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<hr>
<!-- 정의 목록 -->
<dl>
<dt>Coffee</dt>
<dd>-black hot drink</dd>
<dd>-black hot drink</dd>
<dt>Milk</dt>
<dd>-black hot drink</dd>
<dd>-black hot drink</dd>
</dl>
</body>
</html>