首先列表标签分为有序列表<ol>和无序列表<ul>:
首先介绍无ul>标签(unorder list):
格式如下:
<ul>
<li>apple</li>
<li>banana</li>
<li>orange</li>
</ul>
ul全写unorder list, li全写list
其中<li>标签为<ul>标签里的元素,及这三个水果元素都是在同一个列表中的,
同时也无序
<ul> 中的type属性:disc square circle 修改元素前缀样式 对应 实心圆 实心方块 空心圈(HTML5 不支持。HTML 4.01 已废弃。 规定列表的项目符号的类型。)了解一下即可。
有序列表<ol>标签(orderlist):
格式如下:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
当然前缀类型可以使用type更改的,
ol的属性type默认为数字
语法
<ol type="1|a|A|i|I">
属性值
值 | 描述 |
---|---|
1 | 默认。十进制数字 (1, 2, 3, 4)。 |
a | 字母顺序的有序列表,小写 (a, b, c, d)。 |
A | 字母顺序的有序列表,大写 (A, B, C, D)。 |
i | 罗马数字,小写 (i, ii, iii, iv)。 |
I | 罗马数字,大写 (I, II, III, IV)。 |
还可以使用属性start=“开始序号”设置开始的序号,
比如说我从3开始:
<ol type="1" start="3">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol type="I" start="3">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
今天就分享到这里啦!