无序列表举例html,HTML中的无序列表讲解（菜鸟）

什么是列表标签？

1.列表标签的作用：给一堆数据添加列表语义，也就是告诉搜素引擎告诉浏览器这一堆数据是一个整体。

2.HTML中列表标签的分类

2.1无序列表(最多人用)(unordered list)

2.2有序列表(最少人用)(ordered list)

2.3定义列表(其次)(definition list)

3无序列表作用：

给一堆数据添加列表语义，并且这一堆数据所有的数据都没有先后之分

什么叫先后之分？

例如：排行榜

什么叫没有先后之分？

例如：中国的所有城市

4.无序列表格式：

• 需要显示的条目内容

li其实是英文list item的缩写

list是列表的意思

item是条目的意思

所以结合起来就是列表条目的意思

例子：

中国的城市：

• 北京
• 上海
• 广州
• 武汉

5.注意点

5.1一定要记住ul标签是用来给一堆数据添加列表语义的，而不是用来给他们添加小圆点的

5.2ul标签和li标签是一个整体，是一个组合，所有一般情况下ul标签和li标签都是一起出现，不会单个出现，也就是说不会单独使用一个ul标签或者单独使用一个li标签，都是结合在一起使用的

5.3由于ul标签和li标签是一个组合，所有ul标签中不推荐包含其他标签，也就是说以后你在ul标签中只会看到li标签

无序列表适用场景(举例)：

1.新闻列表

2.商品列表

3.导航条