快速学会HTML语言-24-有序列表ul标记(实例)

2026-03-06 19:37:31

1、有序列表ol标记:有先后顺序的列表形式,如1、2、3或a、b、c等

基本框架

<ol></ol>

快速学会HTML语言-24-有序列表ul标记(实例)

2、有序列表,从<ol>起始标记到</ol>结束标记完成。

一个li标记表示一个列表项。

<ol>

<li>张三</li>

<li>李四</li>

<li>王五</li>

</ol>

快速学会HTML语言-24-有序列表ul标记(实例)

3、type属性:设置列表项前面的符号

1,数字1、2、3、4……

a,小写英文字母a、b、c、d……

A,大写英文字母A、B、C、D……

i,小写罗马数字i、ii、iii、iv……

<ol type="I">

<li>张三</li>

<li>李四</li>

<li>王五</li>

</ol>

快速学会HTML语言-24-有序列表ul标记(实例)

4、title属性:标记的标题,鼠标放在文本上会显示信息。

<ol title="这是名字">

<li>张三</li>

<li>李四</li>

<li>王五</li>

</ol>

快速学会HTML语言-24-有序列表ul标记(实例)

5、如果想把5当做初始数字怎么做?

这时就用到了start属性

<ol start="5">

<li>张三</li>

<li>李四</li>

<li>王五</li>

</ol>

快速学会HTML语言-24-有序列表ul标记(实例)

6、dir属性:设置文本方向

<ol dir="rtl">

<li>张三</li>

<li>李四</li>

<li>王五</li>

</ol>

rtl:从右至左

ltr默认。从左向右的文本方向。

快速学会HTML语言-24-有序列表ul标记(实例)

猜你喜欢