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”即可运行页面

  • 发表于 2018-11-20 00:00
  • 阅读 ( 1867 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具