列表
表格是用來(lái)顯示數(shù)據(jù)的,那么列表就是用來(lái)布局的幔荒。
列表最大的特點(diǎn)就是整齊糊闽、整潔、有序爹梁,它作為布局會(huì)更加自由和方便右犹。
根據(jù)使用情景不同,列表可以分為三大類(lèi):無(wú)序列表姚垃、有序列表和自定義列表念链。
無(wú)序列表
<ul>
標(biāo)簽表示 HTML 頁(yè)面中項(xiàng)目的無(wú)序列表,一般會(huì)以項(xiàng)目符號(hào)呈現(xiàn)列表項(xiàng)积糯,而列表項(xiàng)使用 <li>
標(biāo)簽定義掂墓。無(wú)序列表的基本語(yǔ)法格式如下:
<ul> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li> ... </ul>
- 無(wú)序列表的各個(gè)列表項(xiàng)之間沒(méi)有順序級(jí)別之分,是并列的看成。
-
<ul></ul>
中只能嵌套<li></li>
君编,直接在<ul></ul>
標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。 -
<li>
與</li>
之間相當(dāng)于一個(gè)容器川慌,可以容納所有元素吃嘿。 - 無(wú)序列表會(huì)帶有自己的樣式屬性,但在實(shí)際使用時(shí)梦重,我們會(huì)使用 CSS 來(lái)設(shè)置兑燥。
有序列表
有序列表即為有排列順序的列表,其各個(gè)列表項(xiàng)會(huì)按照一定的順序排列定義忍饰。在 HTML 標(biāo)簽中贪嫂,<ol>
標(biāo)簽用于定義有序列表,列表排序以數(shù)字來(lái)顯示艾蓝,并且使用<li>
標(biāo)簽來(lái)定義列表項(xiàng)力崇。有序列表的基本語(yǔ)法格式如下:
<ol>
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
<li>列表項(xiàng)3</li> ...
</ol>
-
<ol></ol>
中只能嵌套<li></li>
斗塘,直接在<ol></ol>
標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。 -
<li>
與</li>
之間相當(dāng)于一個(gè)容器亮靴,可以容納所有元素馍盟。 - 有序列表會(huì)帶有自己樣式屬性,但在實(shí)際使用時(shí)茧吊,我們會(huì)使用 CSS 來(lái)設(shè)置贞岭。
自定義列表
自定義列表的使用場(chǎng)景:自定義列表常用于對(duì)術(shù)語(yǔ)或名詞進(jìn)行解釋和描述,定義列表的列表項(xiàng)前沒(méi)有任何項(xiàng)目符號(hào)搓侄。在 HTML 標(biāo)簽中瞄桨,<dl>
標(biāo)簽用于定義描述列表(或定義列表),該標(biāo)簽會(huì)與<dt>
(定義項(xiàng)目/名字)和<dd>
(描述每一個(gè)項(xiàng)目/名字)一起使用讶踪。語(yǔ)法如下:
<dl>
<dt>名詞1</dt>
<dd>名詞1解釋1</dd>
<dd>名詞1解釋2</dd>
</dl>
列表總結(jié)
列表總結(jié).png