关于Html的列表,不管是H5仍是传统Html页面,都是利用不异的标签来展示。本文利用VSCode来书写代码,因为是纯HTML页面演示,所以,在记事本中写入dom布局,保留为Html后缀文件,也是一样的结果,只是VSCode可以快速的构建H5界面布局
新增H5页面
1)打开VSCode编纂器,新建一个文件,将文件保留为“H5List.html”
2)在文件中输入一个感慨号,再持续按下两次tab键,就可以快速建立H5页面的DOM布局
3)若是不利用VSCode,在文本文件中书写dom布局,然后保留为html格局也是可以的
3前端页面开辟东西的下载与安装
无序列表
1)无序列表是unorder list的简写UL标签
2)内容项是list item的简写LI标签
3)在页面中利用UL与LI标签,添加无序列表的代码如图所示
无序列表,运行结果
在浏览器中打开“H5List.html”即可运行页面
有序列表
1)有序列表是order list的简写OL标签
2)内容项是list item的简写LI标签
3)在页面中利用OL与LI标签,添加有序列表的代码如图所示
有序列表,运行结果
在浏览器中打开“H5List.html”即可运行页面
自界说列表
1)自界说列表利用DL、DT、DD标签
3)在页面中添加自界说列表代码如图所示
自界说列表,运行结果
在浏览器中打开“H5List.html”即可运行页面
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!