文章目录

无序列表 ul

<body>

<ul>
    <li>星期一</li>
    <li>星期二</li>
    <li>星期三</li>
</ul>

</body>

效果如下：

Html第9集：有序列表、无序列表、定义列表_css

有序列表 ol

<body>
<ol>
    <li>星期一</li>
    <li>星期二</li>
    <li>星期三</li>
</ol>
</body>

效果如下:

Html第9集：有序列表、无序列表、定义列表_嵌套_02

定义列表 dl

  • ​​<dl>​​ 标签定义了定义列表（definition list）。
  • ​​<dt>​​ 定义列表中的项目
  • ​​<dd>​​ 描述列表中的项目

示例1

<body>
<dl>
    <dt>星期一</dt>
    <dt>星期二</dt>
    <dt>星期三</dt>
</dl>
</body>

效果如下：

Html第9集：有序列表、无序列表、定义列表_html_03

示例2

<body>
<dl>
    <dt>星期一</dt>
    <dd>星期一选项定义</dd>
    <dt>星期二</dt>
    <dd>星期二选项定义</dd>
    <dt>星期三</dt>
    <dd>星期三选项定义</dd>
</dl>
</body>

Html第9集：有序列表、无序列表、定义列表_javascript_04

列表嵌套

<body>
<ul>
    <li>
        星期一
        <ul>
            <li>3点钟</li>
            <li>6点钟</li>
        </ul>
    </li>

    <li>
        星期二
        <ul>
            <li>3点钟</li>
            <li>6点钟</li>
        </ul>
    </li>
</ul>
</body>

效果如下：

Html第9集：有序列表、无序列表、定义列表_css_05