<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表</title>
</head>
<body>
<!-- 无序列表 -->
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
</ul>
<!-- 有序列表 -->
<ol>
<li>烤冷面</li>
<li>煎饼果子</li>
<li>麻辣烫</li>
</ol>
<!-- 定义列表 -->
<dl>
<dt>正数</dt>
<dd>大于0的自然数!</dd>
<dt>负数</dt>
<dd>小于0的自然数!</dd>
</dl>
</body>
</html>
输出:
可以看到,对于有序、无序、定义列表,html有自己的表现样式。
若将无序列表的属性项目符号样式设置为none、disc、circle、square,则会出现以下情况,但一般不建议使用:
<ul type="disc">
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
</ul>