HTML创建列表
有序列表(ol元素)
有序列表中每个列表项前标有数字,表示有序,定义如下:。
<ol>
<li>xxxx
<li>xxxx
</ol>
无序列表(ul元素)
无序列表不用数字标记每个列表项,而采一个符号标志每个列表项,默认圆黑点,定义如下:
<ul>
<li>xxxx
<li>xxxx
</ul>
解说列表(dl、dt、dd元素)
<dl>
<dt>aaa
<dd>aaaa
<dd>aaaa
<dt>bbb
<dd>aaaa
</dl>
自定义有序列表
定制有序列表中的序号(type属性)
定义如下:
<ol type='a'>
<li>xxxx
</ol>
type的属性表:
type属性值 | 序号呈现效果 |
---|---|
1 | 阿拉伯数字 1,2,3... |
a | 小写字母 a,b,c... |
A | 大写字母 A,B,C... |
i | 小写罗马字母 i,ii,iii... |
I | 大写罗马字母I,II,III... |
定制有序列表中的列表的起始数(start属性)
ol元素的start属性用来定义一个有序列表中开始的条目序号。默认的开始序号为1,定义如下:
<ol start=3>
<li>xxxx
</ol>
反转序号值(reversed属性)
HTML5薪增的reversed属性是一个逻辑值,用来表示有序值是否反转序号显示,即按降序显示序号。定义如下:
<ol reversed>
<li>xxxx
</ol>
定制有序列表中的列表项序号的数值(value属性)
在有序表中可以通过设置value属性来对列表项的序号复位,序号以新的起始值来继续后面的列表项,value属性仅适用于li元素,属性的值用来指定当前列表项的序号。
定义如下:
<ol reversed>
<li>xxxx
<li value=3>xxxx
<li>xxxx
</ol>