HTML中有序列表、無序列表和自定義列表的區(qū)別是什么

HTML中有序列表、無序列表和自定義列表的區(qū)別是什么？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

焉耆網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)公司從2013年開始到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。

 在頁(yè)面布局時(shí)，經(jīng)常會(huì)用到列表，列表分為有序列表、無序列表和自定義列表，那你知道有序列表、無序列表和自定義列表之間的區(qū)別嗎？

一、無序列表

標(biāo)簽用來定義無序列表，將
標(biāo)簽與
• 標(biāo)簽一起使用，就可以創(chuàng)建無序列表。

  舉例：用無序列表列舉四大名著，代碼如下：

  
     
  紅樓夢(mèng)
     
  水滸傳
     
  三國(guó)演義
     
  西游記
  

  效果圖：

  

  無序列表屬性type，默認(rèn)的樣式是小黑圓，就是disc，type屬性有disc（實(shí)心圓默認(rèn)）、circle（空心圓）、square（實(shí)心正方形）、none（取消前綴）。

  二、有序列表

  標(biāo)簽可以定義有序列表，將
  標(biāo)簽與
  1. 標(biāo)簽一起使用，就可以創(chuàng)建有序列表，列表排序以數(shù)字來顯示。

     示范代碼如下：

     
        
     紅樓夢(mèng)
        
     水滸傳
        
     三國(guó)演義
        
     西游記
     

     效果圖：

     

     有序列表有兩個(gè)屬性，分別是type和start。 type有五個(gè)屬性值：1、a、A、i、I(羅馬數(shù)字)，用來表示列表前綴的樣式。start表示從type類型的第幾個(gè)數(shù)字開始，比如當(dāng)type=“a”，start=“4”，指選擇的是小寫字母類型，從第四個(gè)字母d開始列舉。

     三、自定義列表

     標(biāo)簽可以定義描述列表，

     標(biāo)簽與

     和

     一起使用，創(chuàng)建自定義列表（描述列表）。

     示范代碼如下：

     
          
     中國(guó)四大名著
            
     紅樓夢(mèng)
           
     西游記
            
     水滸傳
            
     三國(guó)演義
     

     效果圖：

     

     自定義列表（描述列表）中，在dt和dd中有了一個(gè)縮進(jìn)。

     有序列表、無序列表和自定義列表的區(qū)別：

     有序列表和無序列表都有前綴，但是有序列表是大寫字母、小寫字母、數(shù)字和羅馬數(shù)字等，而無序列表的前綴是實(shí)心圓、空心圓、實(shí)心正方形。自定義列表與有序列表，無序列表的區(qū)別是它有縮進(jìn)而沒有前綴。

     感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)HTML中有序列表、無序列表和自定義列表的區(qū)別是什么大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

     
     分享標(biāo)題：HTML中有序列表、無序列表和自定義列表的區(qū)別是什么
     轉(zhuǎn)載來源：http://m.jiaotiyi.com/article/ipdsoi.html