首页  >  文章  >  web前端  >  深入解析html中列表的几种方式

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

醉折花枝作酒筹
醉折花枝作酒筹原创
2021-03-30 18:18:033761浏览

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

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

一.无序列表

用粗体圆点(典型的小黑圆圈)进行标记。列表始于 ff6d136ddc5fdfeffaf53ff6ee95f185 标签。每个列表项始于 25edfb22a4f469ecb59f1190150159c6。

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

结果:

VYLIJ2(3Z5O9@3%)RMG8V]C.png

二.有序列表

用数字进行标记。列表始于 c34106e0b4e09414b63b2ea253ff83d6 标签。每个列表项始于 25edfb22a4f469ecb59f1190150159c6 标签,默认从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>

输出内容为:

(R1$$PM}SMDE~BGUTKYOGL6.png

三.定义列表

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

列表以 5c69336ffbc20d23018e48b396cdd57a 标签开始。每个自定义列表项以 73de882deff7a050a357292d0a1fca94 开始。每个自定义列表项的定义以 67bc4f89d416b0b8236eaa5f43dee742 开始。

<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

推荐教程:《html视频教程

以上是深入解析html中列表的几种方式的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn