5.3 无序列表

来源：网络作者：站长

<ul>标签定义无序列表，以<ul>开始，</ul>结束，每一项使用<li></li>标签定义内容。

在Html中，我们通常遇到需要列表来布局的，使用<ul><li>比较多。

举例：

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8">
        <title>无序列表</title>
    </head>
    <body>
        <ul>
            <li>无序列表</li>
            <li>无序列表</li>
            <li>无序列表</li>
            <li>无序列表</li>
            <li>无序列表</li>
        </ul>
    </body>
</html>

运行浏览器后得到的效果如图

type属性

type属性规定列表的项目符号的类型。它的类型有三种，分别是实心圆(默认)、空心圆、实心方块。

属性值

值	描述
disc	实心圆（默认值)。
circle	空心圆。
square	实心方块。

举例：

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8">
        <title>无序列表</title>
    </head>
    <body>
        <!--默认符号类型为实心圆-->
        <ul>
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
        </ul>
        <!--空心圆-->
        <ul type="circle">
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
        </ul>
        <!--实心方块-->
        <ul type="square">
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
        </ul>
    </body>
</html>

默认符号类型为实心圆，所以第一个<ul>可以不用写type属性。

运行浏览器后得到的效果如图