这是我参与「第五届青训营」伴学笔记创作活动的第 7 天。今天我谈谈常用的HTML标签——列表标签，请大家多多指教！

【列表标签】

列表标签是网页结构中常用的标签，网页中的列表按照列表结构通常划分为无序列表、有序列表和定义列表，下面对这3类列表标签进行详细讲解

无序列表

一种没有特定顺序的列表，各列表项之间没有先后顺序之分，通常是并列的，无序列表的基本语法格式如下

<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    ...
</ul>

在上述语法中，<ul>标签用于定义无序列表，<li>标签嵌套在<ul>标签中，用于描述具体的列表项。一对<ul></ul>中至少包含一对<li></li>。下面通过一个案例演示<ul>标签的使用

<body>
    <font size="5">第五届青训营</front><br />
    <ul>
        <li>web前端</li>
        <!--指定type属性值，disc为默认值-->
        <li type="disc">Go语言</li>
        <li type="square">数据库</li>  
        <li type="circle">排序算法</li>
    </ul>
</body>

使用浏览器打开，显示结果如下图所示

有序列表

一种强调排列顺序的列表，使用<ol>标签定义，内部可嵌套多个<li>标签，基本语法格式如下

<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    ...
</ol>

在上述语法中，<ol>标签用于定义有序列表，<li>标签为具体的列表项。与无序列表相似，每对<ol></ol>中也至少应包含一对<li></li>。

定义列表

定义列表与有序列表、无序列表不同，它包含了3个标签，即<dl>、<dt>、<dd>，其基本语法格式如下：

<dl>
<dt>名词1</dt>
    <dd>描述信息1</dd>
    <dd>描述信息2</dd>
<dt>名词2</dt>
    <dd>描述信息1</dd>
    <dd>描述信息2</dd>
</dl>

在上述语法中：

<dl>标签：用于指定定义列表
<dt>标签：用于指定术语名词
<dd>标签：用于对名词进行解释和描述

<dt>标签和<dd>标签并列嵌套于<dl>标签，一对<dt></dt>可以对应多个<dd></dd>，即一个名词可以对应多个解释，下面通过一个案例演示定义列表标签的使用

<body>
    <dl>
    <dt>氓</dt>
        <dd>指古代称民（特指外来的），如氓隶</dd>
        <dd>指品质恶劣、不务正业、为非作歹的人</dd>
    <dt>乐</dt>
        <dd>指音乐，如奏乐</dd>
        <dd>值快乐，如欢乐</dd>
    </dl>
</body>

使用浏览器打开，显示结果如下图所示

【小结】

今天学习和总结了列表标签并做了两个案例分析，收获多多，明天也要继续努力！

HTML标签——列表标签|青训营笔记

【列表标签】

无序列表

有序列表

定义列表

【小结】