HTML（4）列表标签

四.列表标签

1.无序列表

作用：将一组相关的列表项目排列在一起，列表中的项目没有特别的先后顺序，如购物清单。

格式：

默认情况下，列表项有一个实心圆点符号，这个符号是可以修改的，

默认的列表符号是实心圆点，可通过ul的type属性改变列表符号：

• type = disc：实心圆点，默认符号

• type = circle：空心圆圈

• type = square：实心方块

无序列表在web开发中的经典应用：

导航菜单

内容列表，如新闻列表、文字列表、博客列表，商品列表，评论列表

2.有序列表

作用：用于将一组相关的列表项目排列在一起，列表中的项目有特别的先后顺序

格式：

默认的有序列表中的项目编号为十进制的数字，不过还有更多的可选项目编号，使用type属性设置(1 ,A ,a ,I ,i)。

还可以使用start属性规定有序列表的起始值，只能是数字。

如图：

经典应用：

一般情况下，有严格的先后顺序的多个关联项之间，应该使用ol+li。

典型的就是一些排行榜。

但是，实际上，很多地方并没有这么做，这是可以的。

ol：order list，有序列表

ul：unorder list，无序列表

li就是list的简写

-------------------------------------------------------------------------------------------------------------------------------------

3.定义列表

作用：用于显示名称及其对应的“值”，如术语及其定义，或时间及相对应的事件。

由三种标签构成：

• dl， definition list

• dt， definition title

• dd，definition description

第一种用法：

第二种用法：

第三种用法：

注意：在实际页面中，dl的使用要比ul少得多，如果愿意的话，可以用于一些特殊的场合。

-------------------------------------------------------------------------------------------------------------------------------------------------

1.代码排版

标签之间的关系。

如果是并列关系，直接对齐。

如果是嵌套（包含）关系，一定要缩进。使用tab键。

2.标签的关闭

所有的标签都要正确的关闭

单标签 <br> <hr> <br/> <hr/>,尽量保持一致性。

双标签 <开始></结束>  如 <li></li>

3.列表标签的包含

4.关于空格的特性

默认情况下，如果有多个连续的空格，只是第一个空格起作用。

如果要人为的添加多个空格，可以使用实体来实现。&nbsp;