<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--
列表:
无序列表:ul+li 列表类型+子项 无顺序的
有序列表:ol+li 列表类型+子类 有顺序的
自定义列表:dl+dt+dd 列表类型+标题+子项 ,一般用于网站底部,下面的服务支持等场景
快速生成代码:
li*6:快速成功6个li标签
ul>li*6:前面加个ul>,表示在生成li之前有个层次关系,通过>实现.但是只是生成框架,里面的子项是空的,因此引出下面的生成代码
ul{子项内容}*生成数:如果想要子类内容出现随生成数变化的数字,可以在{}中加$
优化到最后:ul>li{子项内容$}*生成数,可以一次性完成框架及内容的构建
--> <ul>
<li>无序列表1</li>
<li>无序列表2</li>
<li>无序列表3</li>
<li>无序列表4</li>
<li>无序列表5</li>
</ul> <ol>
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
<li>有序列表4</li>
<li>有序列表5</li>
</ol> <dl>
<dt>标题1</dt>
<dl>子项1</dl>
<dl>子项2</dl>
<dl>子项3</dl>
<dl>子项4</dl>
<dl>子项5</dl>
</dl> <ol>好吃排行榜
<li>蔬菜</li>
<ul>
<li>子项1</li>
<li>子项2</li>
</ul>
<li>水果</li>
<ul>
<li>子项1</li>
<li>子项2</li>
</ul>
<li>肉</li>
<ul>
<li>子项1</li>
<li>子项2</li>
</ul>
</ol>
</body>
</html>