HTML列表使用實(shí)例分析

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

1).有序列表

以標(biāo)簽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中的項(xiàng)目符號(hào)一樣。

2).無(wú)序列表

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

<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>

可以看出無(wú)序列表的默認(rèn)項(xiàng)目符號(hào)就是類型就是黑圓圈

3).自定義列表

<dl>
<dt>1</dt>
  <dd>計(jì)算機(jī)</dd>
  <dt>2</dt>
  <dd>電腦</dd>
  <dt>3</dt>
  <dd>PC</dd>
</dl>

可以看到自定義列表由我們自己定義列表項(xiàng)目符號(hào)，項(xiàng)目的內(nèi)容

以上就是“HTML列表使用實(shí)例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。