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

HTML中有序列表、無序列表和自定義列表的區別是什么？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！

 在頁面布局時，經常會用到列表，列表分為有序列表、無序列表和自定義列表，那你知道有序列表、無序列表和自定義列表之間的區別嗎？

一、無序列表

<ul> 標簽用來定義無序列表，將 <ul> 標簽與 <li> 標簽一起使用，就可以創建無序列表。

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

<ul>
   <li>紅樓夢</li>
   <li>水滸傳</li>
   <li>三國演義</li>
   <li>西游記</li>
</ul>

效果圖：

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

二、有序列表

<ol> 標簽可以定義有序列表，將 <ol> 標簽與 <li> 標簽一起使用，就可以創建有序列表，列表排序以數字來顯示。

示范代碼如下：

<ol>
   <li>紅樓夢</li>
   <li>水滸傳</li>
   <li>三國演義</li>
   <li>西游記</li>
</ol>

效果圖：

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

三、自定義列表

<dl> 標簽可以定義描述列表，<dl> 標簽與 <dt> 和 <dd> 一起使用，創建自定義列表（描述列表）。

示范代碼如下：

<dl>
     <dt>中國四大名著</dt>
       <dd>紅樓夢</dd>
      <dd>西游記</dd>
       <dd>水滸傳</dd>
       <dd>三國演義</dd>
</dl>

效果圖：

自定義列表（描述列表）中，在dt和dd中有了一個縮進。

有序列表、無序列表和自定義列表的區別：

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

感謝各位的閱讀！看完上述內容，你們對HTML中有序列表、無序列表和自定義列表的區別是什么大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。