[TOC]
# 案例1:有序列表
![](https://img.kancloud.cn/ad/7a/ad7a53f4e17d354b421653d55c280c6b_200x156.png)
`type="A"、"a"、"i"`
```
ol>li
```
# 案例2:无序列表
![](https://img.kancloud.cn/24/ae/24aea2a3438c534ca231f324fe45ddb4_223x262.png)
```
type="circle"、"disc"、"square"
```
```
ul>li
```
# 案例3:自定义列表
![](https://img.kancloud.cn/fa/7b/fa7baaed2418da6d0ffec38fe1764f0d_635x427.png)
```
dl>dt+dd
```
## 试一试
![](https://img.kancloud.cn/ee/7a/ee7abf24e24f18133df6e98571508e24_289x109.png)
[`https://www.mi.com/`](https://www.mi.com/)
`style="float: left;width: 160px;"`
# 案例4:嵌套列表
![](https://img.kancloud.cn/c6/83/c6833aa0441946a68a6d31ae1c91cff1_250x165.png)
```
ul>li>ol>li
```
- 目录
- 1课程介绍
- 2HTML
- 2.1概述
- 2.2常用标签
- 2.3列表标记
- 2.4超链接与图
- 2.5表格
- 2.6表单
- 2.7frameset
- 3CSS
- 3.1样式表
- 3.2选择器
- 3.3样式
- 3.4浮动和定位
- 3.5布局案例
- 3.6CSS3
- 3.7选修
- 4JavaScript
- 4.1JavaScript基础
- 4.2JavaScript变量及函数
- 4.3JavaScript常见对象及操作
- 4.4JavaScript操作DOM&BOM
- 4.5JavaScript事件响应
- 5Ajax
- 5.1Ajax基础
- 5.2Ajax&XML
- 5.3Ajax&JSON
- 6HTML5
- 6.1新标签及媒体
- 6.2Canvas绘图
- 7jQuery
- 7.1jQuery&DOM
- 7.2jQuery&Ajax
- 7.3jQuery动画