无序列表举例html,HTML中的无序列表讲解(菜鸟)
什么是列表標(biāo)簽?
1.列表標(biāo)簽的作用:給一堆數(shù)據(jù)添加列表語(yǔ)義,也就是告訴搜素引擎告訴瀏覽器這一堆數(shù)據(jù)是一個(gè)整體。
2.HTML中列表標(biāo)簽的分類
2.1無(wú)序列表(最多人用)(unordered list)
2.2有序列表(最少人用)(ordered list)
2.3定義列表(其次)(definition list)
3無(wú)序列表作用:
給一堆數(shù)據(jù)添加列表語(yǔ)義,并且這一堆數(shù)據(jù)所有的數(shù)據(jù)都沒(méi)有先后之分
什么叫先后之分?
例如:排行榜
什么叫沒(méi)有先后之分?
例如:中國(guó)的所有城市
4.無(wú)序列表格式:
- 需要顯示的條目?jī)?nèi)容
li其實(shí)是英文list item的縮寫(xiě)
list是列表的意思
item是條目的意思
所以結(jié)合起來(lái)就是列表?xiàng)l目的意思
例子:
中國(guó)的城市:
- 北京
- 上海
- 廣州
- 武漢
5.注意點(diǎn)
5.1一定要記住ul標(biāo)簽是用來(lái)給一堆數(shù)據(jù)添加列表語(yǔ)義的,而不是用來(lái)給他們添加小圓點(diǎn)的
5.2ul標(biāo)簽和li標(biāo)簽是一個(gè)整體,是一個(gè)組合,所有一般情況下ul標(biāo)簽和li標(biāo)簽都是一起出現(xiàn),不會(huì)單個(gè)出現(xiàn),也就是說(shuō)不會(huì)單獨(dú)使用一個(gè)ul標(biāo)簽或者單獨(dú)使用一個(gè)li標(biāo)簽,都是結(jié)合在一起使用的
5.3由于ul標(biāo)簽和li標(biāo)簽是一個(gè)組合,所有ul標(biāo)簽中不推薦包含其他標(biāo)簽,也就是說(shuō)以后你在ul標(biāo)簽中只會(huì)看到li標(biāo)簽
無(wú)序列表適用場(chǎng)景(舉例):
1.新聞列表
2.商品列表
3.導(dǎo)航條
總結(jié)
以上是生活随笔為你收集整理的无序列表举例html,HTML中的无序列表讲解(菜鸟)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: JAVA微信公众号开发之客服消息
- 下一篇: 微前端——single-spa源码学习