7、HTML列表

HTML列表

列表的种类

无序列表

< ul > 为无序列表的根标签

< li > 为 列表项标签

效果：

每一项最前面有一个项目符号，没有特别定义的话，为实心圆点。

改变无序列表项目符号样式：

利用css样式，list-style-type 为列表样式类型，circle为空心圆点

（项目符号的样式还有很多，但是我们在实际使用中，一般不会使用它默认的这些样式，我们都会有自己定义的东西，因此其他样式这里不过多介绍）

效果：

有序列表

< ol > 为有序列表的根标签

< li > 为 列表项标签

效果：

每一项最前面有一个编号，没有特别定义的话，为升序的阿拉布数字。

自定义列表

< dl > 为自定义列表的根标签

< dt > 为自定义列表的标题标签

< dd > 为自定义列表的内容标签

效果：

实际例子：

• 无序列表

  • 导航栏

    

  • 服务卡片

    

  • 商品

    

• 自定义列表

  • 底端友情链接

    

• 有序列表

  • 排行榜