HTML中有序列表、無(wú)序列表和自定義列表的區(qū)別是什么?這個(gè)問(wèn)題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見(jiàn)到的。希望通過(guò)這個(gè)問(wèn)題能讓你收獲頗深。下面是小編給大家?guī)?lái)的參考內(nèi)容,讓我們一起來(lái)看看吧!
焉耆網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)公司!從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作,到程序開(kāi)發(fā),運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)公司從2013年開(kāi)始到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。
在頁(yè)面布局時(shí),經(jīng)常會(huì)用到列表,列表分為有序列表、無(wú)序列表和自定義列表,那你知道有序列表、無(wú)序列表和自定義列表之間的區(qū)別嗎?
一、無(wú)序列表
舉例:用無(wú)序列表列舉四大名著,代碼如下:
效果圖:
無(wú)序列表屬性type,默認(rèn)的樣式是小黑圓,就是disc,type屬性有disc(實(shí)心圓默認(rèn))、circle(空心圓)、square(實(shí)心正方形)、none(取消前綴)。
二、有序列表
示范代碼如下:
- 紅樓夢(mèng)
- 水滸傳
- 三國(guó)演義
- 西游記
效果圖:
有序列表有兩個(gè)屬性,分別是type和start。 type有五個(gè)屬性值:1、a、A、i、I(羅馬數(shù)字),用來(lái)表示列表前綴的樣式。start表示從type類(lèi)型的第幾個(gè)數(shù)字開(kāi)始,比如當(dāng)type=“a”,start=“4”,指選擇的是小寫(xiě)字母類(lèi)型,從第四個(gè)字母d開(kāi)始列舉。
三、自定義列表
示范代碼如下:
效果圖:
自定義列表(描述列表)中,在dt和dd中有了一個(gè)縮進(jìn)。
有序列表、無(wú)序列表和自定義列表的區(qū)別:
有序列表和無(wú)序列表都有前綴,但是有序列表是大寫(xiě)字母、小寫(xiě)字母、數(shù)字和羅馬數(shù)字等,而無(wú)序列表的前綴是實(shí)心圓、空心圓、實(shí)心正方形。自定義列表與有序列表,無(wú)序列表的區(qū)別是它有縮進(jìn)而沒(méi)有前綴。
感謝各位的閱讀!看完上述內(nèi)容,你們對(duì)HTML中有序列表、無(wú)序列表和自定義列表的區(qū)別是什么大概了解了嗎?希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。