您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
这篇“html各个列表元素的应用示例”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“html各个列表元素的应用示例”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。
html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。
一、列表元素
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- list-style: none;可以清除有序列表或无序列表前面的数字或者符号--> <style type="text/css"> ul { list-style: none; } </style> </head> <body> <ul type="circle"><!--空心圆无序列表--> <li>first</li> <li>second</li> <li>third</li> </ul> <ul type="disc"><!--disc是默认值,实心圆无序列表--> <li>first</li> <li>second</li> <li>third</li> </ul> <ul type="square"><!--实心方框,无序列表--> <li>first</li> <li>second</li> <li>third</li> </ul> <ol type="A"><!--以字母A开始的有序列表--> <li>first</li> <li>second</li> <li>third</li> </ol> <ol type="a"><!--以字母a开始的有序列表--> <li>first</li> <li>second</li> <li>third</li> </ol> <ol type="i"><!--以小写罗马数字开始的有序列表--> <li>first</li> <li>second</li> <li>third</li> </ol> <ol type="I" start="2"><!--以大写罗马数字开始的有序列表,start规定了列表开始的值--> <li>first</li> <li>second</li> <li>third</li> </ol> <ol type="I"><!--以大写罗马数字开始的有序列表,value规定了第三个从Ⅳ开始,规定了第六个从Ⅷ开始--> <li>first</li> <li>second</li> <li value="4">third</li> <li>fouth</li> <li>friday</li> <li value="8">六</li> <li>七</li> </ol> <dl><!--dl自定义列表,dt列表中的项目,d项目描述,自动换行并有缩进--> <dt>一</dt> <dd>hello world</dd> <dd>welcome to html5</dd> <dt>二</dt> <dd>kan kan xiaoguo</dd> </dl> </body> </html>
二、效果展示
以上是“html各个列表元素的应用示例”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。