HTML创建列表

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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容