关于Html的列表 ， 不管是H5仍是传统Html页面 ， 都是利用不异的标签来展示 。 本文利用VSCode来书写代码 ， 因为是纯HTML页面演示 ， 所以 ， 在记事本中写入dom布局 ， 保留为Html后缀文件 ， 也是一样的结果 ， 只是VSCode可以快速的构建H5界面布局
方式/
1新增H5页面
1）打开VSCode编纂器 ， 新建一个文件 ， 将文件保留为“H5List.html”
2）在文件中输入一个感慨号 ， 再持续按下两次tab键 ， 就可以快速建立H5页面的DOM布局
3）若是不利用VSCode ， 在文本文件中书写dom布局 ， 然后保留为html格局也是可以的
3前端页面开辟东西 - VSCode的下载与安装
文章插图
2无序列表
1）无序列表是unorder list的简写UL标签
2）内容项是list item的简写LI标签
3）在页面中利用UL与LI标签 ， 添加无序列表的代码如图所示
文章插图
3无序列表 ， 运行结果
在浏览器中打开“H5List.html”即可运行页面
文章插图
4有序列表
1）有序列表是order list的简写OL标签
2）内容项是list item的简写LI标签
3）在页面中利用OL与LI标签 ， 添加有序列表的代码如图所示
文章插图
5有序列表 ， 运行结果
在浏览器中打开“H5List.html”即可运行页面
文章插图
6自界说列表
1）自界说列表利用DL、DT、DD标签
3）在页面中添加自界说列表代码如图所示
文章插图
7自界说列表 ， 运行结果
【html H5：无序列表、有序列表、自定义列表】 在浏览器中打开“H5List.html”即可运行页面
文章插图
以上内容就是html H5：无序列表、有序列表、自定义列表的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 清朝皇帝顺序列表 清朝皇帝顺序
- css怎么设置显示一行
- 如何快速格式化html代码
- 网易云音乐如何添加本地音乐,列表显示本地音乐
- 如何打开微信朋友圈的消息列表，找到以前的评论
- 使用记事本工具制作简单的html网页
- Office Excel怎么设置下拉列表
- MVC cshtml如何使用css3
- 如何下载YouTube播放列表视频
- HTML无序列表ul标签用法