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有序列表
- 14. HTML 列表(无序, 有序, 定义)
- 网页HTML 有序列表ol 和无序列表 ul
- html有序列表和无序列表
- html中meta标签link标签无序有序列表表格表单
- html的有序列表与无序列表
- HTML基础 ol 创建以数字/罗马数字/字母作为序号的有序列表
- HTML 无序列表和有序列表
- 06 html无序列表 、有序列表、 框架和综合练习
- HTML有序列表使用
- HTML学习笔记之列表控件 无序列表 ul(Unordered List) 、有序列表 ol(Ordered List) 、定义列表 dl(Definition List)
- 入门HTML之有序列表
- html中关于有序列表、无序列表和自定义列表之间的区别
- html创建多类型的有序列表
- HTML/CSS中有序<ol&g bfb7 t;、无序<ul>、定义列表用法详解
- 在markdown中通过html语法实现表格中的有序列表和无需列表
- 【HTML】-案例-有序列表和无序列表
- html有序列表起始值
- html中有序列表标签ol,li的高级应用
- html中的有序列表和无序列表