深入解析html中列表的几种方式-html教程-PHP中文网

深入解析html中列表的几种方式

醉折花枝作酒筹

发布： 2021-03-30 18:18:03

原创

4427人浏览过

在html中，有三种列表方式，分别是有序列表，无序列表和定义列表，下面就跟着小编一起去看看这三种列表吧。

深入解析html中列表的几种方式

一．无序列表

用粗体圆点（典型的小黑圆圈）进行标记。列表始于 <ul> 标签。每个列表项始于 <li>。

<ul>
  <li>HTML5是HTML5即超文本标记语言或超文本链接标示语言的第五个版本.目前广泛使用的是HTML4.01。</li>
  <li>HTML5草案的前身名为Web Applications 1.0。</li>
  <li>2004年被WHATWG提出。</li>
  <li>2007年被W3C接纳，并成立了新的HTML5工作团队。</li>
  <li>2008年1月22日，第一份正式草案公布。</li>
</ul>

登录后复制

结果：

立即学习“前端免费学习笔记（深入）”；

二．有序列表

用数字进行标记。列表始于 <ol> 标签。每个列表项始于 <li> 标签，默认从1开始编号。

<ol>
  <li>HTML5是HTML5即超文本标记语言或超文本链接标示语言的第五个版本.目前广泛使用的是HTML4.01。</li>
  <li>HTML5草案的前身名为Web Applications 1.0。</li>
  <li>2004年被WHATWG提出。</li>
  <li>2007年被W3C接纳，并成立了新的HTML5工作团队。</li>
  <li>2008年1月22日，第一份正式草案公布。</li>
</ol>

登录后复制

输出内容为:

飞书多维表格

表格形态的AI工作流搭建工具，支持批量化的AI创作与分析任务，接入DeepSeek R1满血版

查看详情

三．定义列表

不仅仅是一列项目，而是项目及其注释的组合。

列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
        <dt>html5</dt>
        <dd>html5的历史</dd>
        <dt>
            HTML5是HTML5即超文本标记语言或超文本链接标示语言的第五个版本.目前广泛使用的是HTML4.01。
        </dt>
        <dl>
            HTML5草案的前身名为Web Applications 1.0。
        </dl>
        <dt>
            2004年被WHATWG提出。
        </dt>
        <dl>
            2007年被W3C接纳，并成立了新的HTML5工作团队。
        </dl>
        <dl>
            2008年1月22日，第一份正式草案公布。
        </dl>
    </dl>

登录后复制

结果为：

8]9H}X7@_K448[1RFF3SJRN.png