关于Html的列表，不管是H5还是传统Html页面，都是使用相同的标签来展示。本文使用VSCode来书写代码，由于是纯HTML页面演示，所以，在记事本中写入dom结构，保存为Html后缀文件，也是一样的效果，只是VSCode可以快速的构建H5界面结构方法/步骤1/7分步阅读

新增H5页面

1）打开VSCode编辑器，新建一个文件，将文件保存为“H5List.html”

2）在文件中输入一个感叹号，再连续按下两次tab键，就可以快速创建H5页面的DOM结构

3）如果不使用VSCode，在文本文件中书写dom结构，然后保存为html格式也是可以的

2/7

无序列表

1）无序列表是unorder list的简写UL标签

2）内容项是list item的简写LI标签

3）在页面中使用UL与LI标签，添加无序列表的代码如图所示

3/7

无序列表，运行效果

在浏览器中打开“H5List.html”即可运行页面

4/7

有序列表

1）有序列表是order list的简写OL标签

2）内容项是list item的简写LI标签

3）在页面中使用OL与LI标签，添加有序列表的代码如图所示

5/7

有序列表，运行效果

在浏览器中打开“H5List.html”即可运行页面

6/7

自定义列表

1）自定义列表使用DL、DT、DD标签

3）在页面中添加自定义列表代码如图所示

7/7

自定义列表，运行效果

在浏览器中打开“H5List.html”即可运行页面

H5无序有序自定义列表