HTML列表

一、 无序列表

<ul>
<li></li>    列表项
<li></li>
<li></li>
</ul>

•  type=”square”      小方块
• Type=”disc”       实心小圆圈
• Type=”circle”      空心小圆圈

<!-- 无序列表 -->
    <ul>
        <li>列表内容</li>
        <li>列表内容</li>
    </ul>
    <ul type="disc">
        <li>列表内容</li>
        <li>列表内容</li>
    </ul>
    <ul type="square">
        <li>列表内容</li>
        <li>列表内容</li>
    </ul>
    <ul type="circle">
        <li>列表内容</li>
        <li>列表内容</li>
    </ul>

二、有序列表

<ol>
<li></li>    列表项
<li></li>
<li></li>

</ol>

<!-- 有序列表 -->
    <ol start="2">
        <li>列表内容</li>
        <li>列表内容</li>
    </ol>
    <ol type="A" start="3">
        <li>列表内容</li>
        <li>列表内容</li>
    </ol>
    <ol type="i">
        <li>列表内容</li>
        <li>列表内容</li>
    </ol>

• type=”1,a,A,i,I” type的值可以为1,a,A,i,I  start=”3”  决定了开始的位置。

三、自定义列表

<dl>
 <dt></dt>    小标题
  <dd></dd>   解释标题
  <dd></dd>   解释标题
</dl>

<!-- 自定义列表 -->
    <dl>
    <dt>小标题</dt>
    <dd>解释</dd>
    <dd>解释</dd>
    </dl>