标签ul与ol的区别及使用方法

ul是无序列表，所谓的无序列表只要举个例子，大家就会明白了。
●这是第一个列表
●这是第二个列表
●这是第三个列表

ol是有序列表，同样举个例子。
1、这是第一个列表
2、这是第二个列表
3、这是第三个列表

这就是ul与ol的区别。

ul与ol前的符号是可以修改的。只需要修改它们的type值。
ul的type属性有：disc—实心圆(默认）、circle—空心圆、square—实心方块
ol的type属性有：1—数字（默认）、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。
通过CSS也可以在将它们前的符号改为图片，这样列表显示就会更美观了。

标签ul与ol的区别及使用方法相关推荐

列表标签ul、ol、dl、li
列表标签的种类无序列表标签(ul标签) 有序列表标签(ol标签) 自定义列表标签(dl标签) 无序列表无序列表的各个列表项之间没有顺序级别之分,是并列的.其基本语法格式如下: <!-- ul ...
ul和ol的区别以及经验总结
一.ul是无序列表网页中最为常见的列表,各个列表项之间为并列关系,没有顺序级别之分,如导航栏,新闻话题展示区等. 默认示例表现为(默认带有实心圆): <ul><li>无序列表 ...
html中列表标签ul、ol、 dl的使用和介绍
一.UL列表介绍 ul 是无需列表,li列表里面的一条值,例如 <ul><li>中国</li><li>四川</li><li>成都 ...
html哪些标签可以用在制作列表中,用HTML列表标签ul、ol和dl制作菜单
近日,林柯想制作一份小菜单,经过沟通,木可用illustrator帮林柯完成了一份设计稿,效果如下: 菜单不过,怎么样用HTML实现这个效果图呢?木可把刚学会的ul.li和dl标签派上了用场,下面让 ...
html中dl标签和ul标签,html中dl,dt,dd,ul,li,ol标签区别和使用
html中dl,dt,dd,ul,li,ol标签区别和使用时间:2013-04-12 21:48 来源:未知 | 作者:易享学习网 | 本文已影响人 ul: unordered lists ol: ...
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 HTML 列表中的dl,dt,dd,ul,li,ol区别及应用工具/原料 html,dw软件方法/步骤 1 无序列表无序列表是 ...
lable、ul、ol、dl和table、fieldset标签
lable标签有时候,我们希望点击文件的时候,鼠标的光标自动跳到输出框中.这需要使用lable功能 <div><label for="name2">姓名: ...
Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加：1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法
这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性. 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其 ...
html 列表标签 ul ol dl
首先先来看个截图: 这种以列表形式来显示的内容在网页中称为列表,相信大家都经常见到,在Word里也有,很多文档编辑里也都有.在HTML中的列表则有三种类型:无序列表.有序列表.定义列表. 那么我们首先 ...

标签ul与ol的区别及使用方法

标签ul与ol的区别及使用方法相关推荐

最新文章

热门文章