HTML知识点总结之ul，ol，li标签

HTML列表分为有序列表，无序列表和描述列表。我们常用的是有序列表（ol）与无序列表(ul)。

有序列表

<ol>标签就可以定义一个有序列表，之所以称其为有序列表，是因为可以使列表具有排序功能。具体的列表项使用<li>元素来规定。

type属性：实现不同方式的有序排序功能，不赞成使用，通常都会使用样式取代它。

（1）1表示以1,2,3,4数字方式的排序。

（2）a表示以a,b,c,d小写字母的方式排序。

（3）A表示以A,B,C,D大写字母的方式排序。

（4）i表示以i,ii ,iii罗马数字小写的方式排序。

（5）I表示以 I,II,III罗马数字大写的方式排序。

编号的样式可以使用CSS中的 list-style-type 属性定义。

HTML5中新增的reversed属性可以规定倒序排序。

无序列表

HTML无序列表用<ul>标签定义，之所以称其为无序列表，是因为列表没有排序功能。具体的列表项还是使用<li>元素来规定。

type属性：定义列表项前面的符号形状，不赞成使用，通常都会使用样式取代它。

（1）dise:实心圆(默认值)。

（2）circle:空心圆。

（3）square:实心方块。

转载于:https://www.cnblogs.com/aaaaniu/p/8276194.html

HTML知识点总结之ul，ol，li标签相关推荐

DIV+CSS中标签ul ol li dl dt dd用法
ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦! DIV ...
Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加：1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法
这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性. 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其 ...
HTML 列表中的dl,dt,dd,ul,ol,li区别及应用
1.无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(通常)进行标记.无序列表始于 <ul> 标签.每个列表项始于 <li>. 2.有序列表有序列表也是一列项目,列表 ...
js ul 清缓存_JavaScript使用ul中li标签实现删除效果
本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码,供大家参考,具体内容如下 ul { list-style: none; } li { background-color: #ddd; ...
关于ul ol li
ul是无序排列例如:<ul> <li>Today <li>Tommorow </ul> 在网页中显示的结果是: · ...
html中ul和li标签的用法介绍
普通的显示数据的时候,ul就是项目列表,li就是列表项,可以用来显示数据,如果用于DIV+CSS布局的话,ul+li可以替换表格的作用,具体的设置,如果宽度高度.行间距.背景边框需要配合CSS一起设置 ...
ul ol li的序号编号样式
首先来那看一个序号样式的例子,下面是html代码(做参考) <ol><li>列表内容列表内容列表内容列表</li><li>列表内容列表内容列表内容列表& ...
div+css布局必了解的列表元素ul ol li dl dt dd详解
dt 和dd中可以再加入 ol ul li和p,理解这些以后,在使用div布局的时候,会方便很多,其实w3c提供了很多元素辅助布局都是有它的用处的,而不尽是div. 块级元素div尽量少用,其实和ta ...
ul、li 标签实现完美表格
第一种是没有缺口的,如下图第二种是有缺口的,如下图两种表格的最大特点就是不用给表格里的每个 li 元素都单独设置 css 样式,要用的时候直接闭着眼睛循环 li 标签即可. 第一种的特点是 1.内 ...
ul列表li标签前加带有颜色的圆点技巧
项目开发中,ul列表布局时li标签带有样式圆点??应该如何去处理呢? 一般情况下,默认的li标签前是有黑色小圆点,但是其颜色无法改变. 在布局初始化的时候我们会去掉默认样式. 所以,今天就为大家讲解一 ...

HTML知识点总结之ul，ol，li标签

HTML知识点总结之ul，ol，li标签相关推荐

最新文章

热门文章