H5（html）：无序列表、有序列表、自定义列表

关于Html的列表，不管是H5仍是传统Html页面，都是利用不异的标签来展示。本文利用VSCode来书写代码，因为是纯HTML页面演示，所以，在记事本中写入dom布局，保留为Html后缀文件，也是一样的结果，只是VSCode可以快速的构建H5界面布局

方式/步调

1. 1

   新增H5页面

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

        2）在文件中输入一个感慨号，再持续按下两次tab键，就可以快速建立H5页面的DOM布局

        3）若是不利用VSCode，在文本文件中书写dom布局，然后保留为html格局也是可以的

   3前端页面开辟东西的下载与安装

   
2. 2

   无序列表

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

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

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

   
3. 3

   无序列表，运行结果

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

   
4. 4

   有序列表

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

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

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

   
5. 5

   有序列表，运行结果

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

   
6. 6

   自界说列表

        1）自界说列表利用DL、DT、DD标签

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

   
7. 7

   自界说列表，运行结果

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