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

2025-04-21 16:41:09

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):无序列表、有序列表、自定义列表
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢