网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

快速学会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标记(实例)
© 2025 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com