H5(html):无序列表、有序列表、自定义列表

 时间:2026-02-14 03:48:26

1、新增H5页面

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

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

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

H5(html):无序列表、有序列表、自定义列表

2、无序列表

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

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

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

H5(html):无序列表、有序列表、自定义列表

3、无序列表,运行效果

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

H5(html):无序列表、有序列表、自定义列表

4、有序列表

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

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

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

H5(html):无序列表、有序列表、自定义列表

5、有序列表,运行效果

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

H5(html):无序列表、有序列表、自定义列表

6、自定义列表

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

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

H5(html):无序列表、有序列表、自定义列表

7、自定义列表,运行效果

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

H5(html):无序列表、有序列表、自定义列表

  • 如何在HTML中插入图片
  • 在网页制作中怎么限制图片的大小
  • 在css中如何设置左浮动和右浮动?
  • 怎么用css选择ul里最后一个li里面的a元素
  • Visual Studio Code如何创建一个html文件
  • 热门搜索
    火焰怎么画 乳腺增生怎么办 c盘怎么清理 胆拖怎么算中奖 新手怎么制作表格 pornhub怎么看 大便拉不出来怎么办 万用表怎么测电流 人类是怎么来的 孕妇腰疼怎么缓解