<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表</title>
</head>
<body>
<ul type="circle"> <!--无序列表-->
<!--disc表示实心小圆,circle表示空心小圆,square表示实心小方块-->
<li>ios</li>
<li>android</li>
<li>html5</li>
<li>swift</li>
</ul>
<ol type="a"> <!--有序列表-->
<!--序号有数字(1.2.3),罗马数字,小写字母,大写字母几种样式
start刻蚀序号从指定数字开始-->
<li>苹果</li>
<li>橘子</li>
<li>香蕉</li>
</ol>
<ul>
<li>人类</li> <!--嵌套列表-->
<ul>
<li>中国人</li>
<li>美国人</li>
</ul>
<li>动物</li>
<ul>
<li>猫</li>
<li>狗</li>
</ul>
</ul>
<dl> <!--自定义列表-->
<dt>helloworld</dt>
<dd>每一门新的语言都会打印一个helloworld</dd>
<dt>helloworld</dt>
<dd>每一门新的语言都会打印一个helloworld</dd>
<dt>helloworld</dt>
<dd>每一门新的语言都会打印一个helloworld</dd>
</dl>
</body>
</html>
运行效果如下: