分为无序列表、有序列表和定义列表。

无序列表：

    <!--无序列表-->
    <ul type="circle">
        <li>无序列表1</li>
        <li>无序列表2</li>
        <li>无序列表3</li>
    </ul>

其中ul标签定义无序列表，li为列表中的项目。type是属性其内容定义生成列表前的图形。

另外分享一个小技巧，当列表项太多事，可用li*n然后使用tab键来使其自动补充好。

有序列表

<!--有序列表-->
    <ol type="a">
        <li>有序列表1</li>
        <li>有序列表2</li>
        <li>有序列表3</li>
    </ol>

定义列表：

    <!--定义列表-->
    <dl>
        <dt>计算机</dt>
        <dd>计算机科学与技术</dd>
        <dt>社科</dt>
        <dd>近代史</dd>
    </dl>

效果图：