无序、有序、自定义列表

1.无序列表

    <!-- 1.默认type="disc"实心圆，#表示空链接 -->
        <ul> 
        <li><b><a href="#">无序列表</a></b></li>
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        <!-- 2.空心圆 -->
        </ul>
        <ul type="circle">
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        <li><a href="#">无序列表</a></li>
        </ul>
        <!-- 3.小方形 -->
        <ul type="square">
            <li><a href="">无序列表</a></li>
            <li><a href="">无序列表</a></li>
            <li><a href="">无序列表</a></li>
            <li><a href="">无序列表</a></li>
        </ul>
        <!-- 4.没有 -->
        <ul type="none">
            <li><a href="">无序列表</a></li>
            <li><a href="">无序列表</a></li>
            <li><a href="">无序列表</a></li>
            <li><a href="">无序列表</a></li>
        </ul>

2.有序列表

<!-- 1.默认type=“1” 从1开始 -->
        <ol>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <!-- 2. 从b开始 -->
        <ol type="a" start="2">
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <!-- 3.ABC -->
        <ol type="A" >
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <ol type="i" >
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <ol type="I" >
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>

3.自定列表

<dl>
            <dt>自定义内容可以是图片或文字</dt>
            <!-- 一般情况下dt只允许用一次dd可以多次 -->
            <dd>对内容的详细描述</dd>
        </dl>