列表标签有3种:1)dl,dd与dt(定义列表) 2)ol与li(有序列表) 3)ul与li(无序列表)前两者一般不怎么用,网页中运用最多的是第三种
1)- 与
列表
- 河北
- 石家庄
- 秦皇岛
- 河南
- 郑州
- 新乡
2)与- 和
与
- 与
它们两个都有一个type属性,用来设置序列的显示样式(在li前面显示),type的取值有:1(数字序号)A,a(大小写字母)I,i(大小写罗马数字)disc(实心原点)circle(空心圆圈)square(实心方块)
显示效果
有序与无序列表的区别就是type的默认值不同而已
列表
- 河北
- 石家庄
- 秦皇岛
- 河南
- 郑州
- 新乡
============================================================
- 北京
- 上海
- 广州
- 深圳
=============================================================
- 北京
- 上海
- 广州
- 深圳
注意:设置属性时考虑浏览器的兼容性
经过测试ol与ul列表在IE浏览器(IE10)下type的这几个取值都有相应的效果;在谷歌浏览器下ol列表只对type值为1、a、A、i、I有效果;ul列表只对type值为disc、circle、square有效果;其他的如苹果,火狐等浏览器自己测试(同一浏览器的不同版本不再测试)
谷歌在显示效果
2.1使用嵌套的ul或ol来模拟二级菜单,以后会通过js,css或者Asp.net实现动态的菜单
二级菜单