Rumah > hujung hadapan web > html tutorial > 深入解析html中列表的几种方式

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

醉折花枝作酒筹
Lepaskan: 2021-03-31 14:29:02
asal
3788 orang telah melayarinya

在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>
    Salin selepas log masuk

    结果:

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

    二.有序列表

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

      标签。每个列表项始于
    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>
      Salin selepas log masuk

      输出内容为:

      (R1$$PM}SMDE~BGUTKYOGL6.png

      三.定义列表

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

      列表以

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

      <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>
      Salin selepas log masuk

      结果为:

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

      推荐教程:《html视频教程

      Atas ialah kandungan terperinci 深入解析html中列表的几种方式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan