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

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

一．无序列表

用粗体圆点（典型的小黑圆圈）进行标记。列表始于

标签。每个列表项始于
• 。

  <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>

  登录后复制

  结果：

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

  

  二．有序列表

  用数字进行标记。列表始于

  标签。每个列表项始于
  1. 标签，默认从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>

     登录后复制

     输出内容为:

     

     Icons8 Background Remover

     Icons8出品的免费图片背景移除工具

     31

     查看详情

     

     三．定义列表

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

     列表以

     标签开始。每个自定义列表项以

     开始。每个自定义列表项的定义以

     开始。

     <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>

     登录后复制

     结果为：

     

     推荐教程：《html视频教程》

以上就是深入解析html中列表的几种方式的详细内容，更多请关注php中文网其它相关文章！