<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>有序无序列表</title>
</head>
<body>
<h3>无序列表</h3>
<ul>
<li>coffee</li>
<li>tea</li>
<li>milk</li>
</ul>
<h3>有序列表</h3>
<ol>
<li>coffee</li>
<li>tea</li>
<li>milk</li>
</ol>
<h3>自定义列表</h3>
<dl>
<!-- dt 开始项 -->
<dt>coffee</dt>
<!-- dd 开始注释 -->
<dd> -black hot drink</dd>
<dt>milk</dt>
<dd> -white cold drink</dd>
</dl>
<h3> 自定义起始选项</h3>
<!-- type 起始选项 -->
<ol type="A">
<li> app</li>
<li>bann</li>
<li>lemons</li>
</ol>
<ul style="list-style-type: disc;">
<li>this</li>
<li>that</li>
<li>those</li>
</ul>
<ul style="list-style-type: square;">
<li>apples</li>
<li>bannas</li>
<li>oranges</li>
</ul>
<h3>嵌套列表</h3>
<ul>
<li>coffee</li>
<li>tea
<ul>
<li>green tea</li>
<li>red tea</li>
</ul>
</li>
<li> milk</li>
</ul>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>有序无序列表</title>
</head>
<body>
<h3>无序列表</h3>
<ul>
<li>coffee</li>
<li>tea</li>
<li>milk</li>
</ul>
<h3>有序列表</h3>
<ol>
<li>coffee</li>
<li>tea</li>
<li>milk</li>
</ol>
<h3>自定义列表</h3>
<dl>
<!-- dt 开始项 -->
<dt>coffee</dt>
<!-- dd 开始注释 -->
<dd> -black hot drink</dd>
<dt>milk</dt>
<dd> -white cold drink</dd>
</dl>
<h3> 自定义起始选项</h3>
<!-- type 起始选项 -->
<ol type="A">
<li> app</li>
<li>bann</li>
<li>lemons</li>
</ol>
<ul style="list-style-type: disc;">
<li>this</li>
<li>that</li>
<li>those</li>
</ul>
<ul style="list-style-type: square;">
<li>apples</li>
<li>bannas</li>
<li>oranges</li>
</ul>
<h3>嵌套列表</h3>
<ul>
<li>coffee</li>
<li>tea
<ul>
<li>green tea</li>
<li>red tea</li>
</ul>
</li>
<li> milk</li>
</ul>
</body>
</html>