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

2024-10-24 23:08:05

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标记(实例)
猜你喜欢