今天小編給大家分享一下HTML列表使用實例分析的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

為鉛山等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務，及鉛山網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為成都網(wǎng)站制作、網(wǎng)站建設、鉛山網(wǎng)站設計，以傳統(tǒng)方式定制建設網(wǎng)站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

1).有序列表

以標簽ol為主體，li為父目錄，具體表現(xiàn)為：

<ol>
<li>任性</li>
<li>90后</li>
<li>boy</li>
</ol>

<ol start="45">
<li>90后</li>
<li>boy</li>
<li>任性</li>
</ol>

<ol type="a">
<li>90后</li>
<li>boy</li>
<li>任性</li>
</ol>

<ol type="A">
<li>90后</li>
<li>boy</li>
<li>任性</li>
</ol>

<ol type="I">
<li>90后</li>
<li>boy</li>
<li>任性</li>
</ol>

<ol type="i">
<li>90后</li>
<li>boy</li>
<li>任性</li>
</ol>

可以看出有序列表支持多種排序前綴，它就好比Word中的項目符號一樣。

2).無序列表

與有序列表唯一不同的就是沒有數(shù)字也沒有字母，只有圖形，也是猶如項目符號一樣。

<ul>
 <li>任性</li>
 <li>90后</li>
 <li>boy</li>
</ul>

<ul type="disc">
 <li>90后</li>
 <li>boy</li>
 <li>任性</li>
</ul>

<ul type="circle">
 <li>90后</li>
 <li>boy</li>
 <li>任性</li>
</ul>

<ul type="square">
 <li>90后</li>
 <li>boy</li>
 <li>任性</li>
</ul>

可以看出無序列表的默認項目符號就是類型就是黑圓圈

3).自定義列表

<dl>
<dt>1</dt>
  <dd>計算機</dd>
  <dt>2</dt>
  <dd>電腦</dd>
  <dt>3</dt>
  <dd>PC</dd>
</dl>

可以看到自定義列表由我們自己定義列表項目符號，項目的內容

以上就是“HTML列表使用實例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站名稱：HTML列表使用實例分析
本文網(wǎng)址：http://jinyejixie.com/article16/ieppgg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、、軟件開發(fā)、網(wǎng)站營銷、面包屑導航、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)