5.2 html有序列表
2018-03-09 12:31
141 查看
一、html有序列表简介
有序列表的各个列表项是有顺序的。有序列表从< ol>开始,到< /ol>结束,中间的列表项是< li>标签内容。有序列表的列表项是有先后顺序的,一般采用数字或字母作为顺序,默认是采用数字顺序。< ol>和< /ol>标志着有序列表的开始和结束,而< li>和< /li>标签表示这是一个列表项。在有序列表中可以包含多个列表项。
例子:< ol>
< li>HTML< /li>
< li>CSS< /li>
< li>JavaScript< /li>
< li>jQuery< /li>
< li>Ajax< /li>
< li>SEO< /li>
< li>ASP.NET< /li>
< /ol>
效果:
HTML
CSS
JavaScript
jQuery
Ajax
SEO
ASP.NET
二、有序列表type属性
type属性值 列表项的序号类型1 数字1、2、3……
a 小写英文字母a、b、c……
A 大写英文字母A、B、C……
i 小写罗马数字i、ii、iii……
I 大写罗马数字I、II、III……
type属性实现的效果可以用CSS的list-style-type实现
来实现
a. HTML
b. CSS
c. JavaScript
d. jQuery
e. Ajax
f. SEO
g. ASP.NET
相关文章推荐
- 5.2 html有序列表
- HTML学习笔记之列表控件 无序列表 ul(Unordered List) 、有序列表 ol(Ordered List) 、定义列表 dl(Definition List)
- HTML中的有序排列和无序列表标签
- html基础 有序列表ol li 属性:编号类型type 从第几个开始编号start
- 入门HTML之有序列表
- HTML学习之有序列表、无序列表和自定义列表
- html基础 有序列表ol li 属性:编号类型type 从第几个开始编号start
- <学习html>第四天笔记-注释标签;相对路径,绝对路径;有序列表,无序列表,自定义列表;总结
- html从入门到放弃(6)-入门标签:列表-有序、无序和自定义
- html中有序列表标签ol,li的高级应用
- 我教女朋友学编程html系列(7)—Html无序列表、自定义列表、有序列表及常用例子
- HTML教程:有序列表
- 训练27-HTML 创建有序列表
- Html之有序列表和无序列表用法_ol_li_ul_实例
- 我教女朋友学编程html系列(7)—Html无序列表、自定义列表、有序列表及常用例子
- html无序列表标签和有序列表标签使用示例
- html无序有序列表嵌套
- HTML 学习笔记之列表控件 无序列表ul(Unordered List)、有序列表ol(Ordered List)、定义列表dl(Definition List)
- HTML学习---------1.16 有序列表标签ol-li
- 一些自己学习的html代码(锚,动态改变文本和链接,有序无序列表等)