| 列表 | ? |
| <ul> | 定义一个无序列表。 |
| <ol> | 定义一个有序列表。 |
| <li> | 定义一个列表项。 |
| <dir> | HTML5不再支持。 HTML 4.01 已废弃。 定义目录列表。 |
| <dl> | 定义一个定义一个描述列表。 |
| <dt> | 定义一个列表的条目。 |
| <dd> | 定义定义列表中项目的描述。 |
| <menu> | 定义菜单列表。 |
| <command> |
定义用户可能调用的命令（比如单选按钮、复选框或按钮）。 |
列表的分类
- 有序列表
- ol标签 + li标签
- 无序列表
- ul标签 + li标签
li标签：
| 属性 | 值 | 描述 |
|---|---|---|
| type | 1 A a I i disc square circle |
HTML5 不支持该属性。HTML 4.01 已废弃该属性。 不赞成使用。请使用样式取代它。 规定使用哪种项目符号。 |
| value | number | 不赞成使用。请使用样式取代它。 规定列表项目的数字。 |
ol标签：
| 属性 | 值 | 描述 |
|---|---|---|
| compact | compact | HTML5中不支持，不赞成使用。请使用样式取代它。 规定列表呈现的效果比正常情况更小巧。 |
| reversed |
reversed | 指定列表倒序(9,8,7...) |
| start | number | HTML5不支持，不赞成使用。请使用样式取代它。 规定列表中的起始点。 |
| type | 1 A a I i |
规定列表的类型。不赞成使用。请使用样式代替。 |
ul标签：
| 属性 | 值 | 描述 |
|---|---|---|
| compact | compact | HTML5 不支持。HTML 4.01 已废弃。 规定列表呈现的效果比正常情况更小巧。 |
| type | disc square circle |
HTML5 不支持。HTML 4.01 已废弃。 规定列表的项目符号的类型。 |
无序列表
ul标签：定义一个无序列表
将 <ul> 标签与 <li> 标签一起使用，创建无序列表。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>无序列表</title> </head> <body> <!--默认type="disc"--> <ul> <li>Java</li> <li>Linux</li> <li>Hadoop</li> <li>Spark</li> </ul> <!--设置type：实心园点--> <ul type="disc"> <li>Java</li> <li>Linux</li> <li>Hadoop</li> <li>Spark</li> </ul> <!--设置type：实心正方形--> <ul type="square"> <li>Java</li> <li>Linux</li> <li>Hadoop</li> <li>Spark</li> </ul> <!--设置type：空心圆--> <ul type="circle"> <li>Java</li> <li>Linux</li> <li>Hadoop</li> <li>Spark</li> </ul> </body> </html>
Google浏览器打开：
有序列表
ol：定义一个有序列表
列表排序以数字来显示。使用<li> 标签来定义列表选项。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>有序列表</title> </head> <body> <!--默认type="disc"--> <ol> <li>Java</li> <li>Linux</li> <li>Hadoop</li> <li>Spark</li> </ol> <!--设置type：阿拉伯数字序列--> <ol type="1"> <li>Java</li> <li>Linux</li> <li>Hadoop</li> <li>Spark</li> </ol> <!--设置type：小写字母序列--> <ol type="a"> <li>Java</li> <li>Linux</li> <li>Hadoop</li> <li>Spark</li> </ol> <!--设置type：i、ii、 ... 序列--> <ol type="i"> <li>Java</li> <li>Linux</li> <li>Hadoop</li> <li>Spark</li> </ol> </body> </html>
Google浏览器打开：
