首頁  >  文章  >  web前端  >  深入解析html中清單的幾種方式

深入解析html中清單的幾種方式

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-03-30 18:18:033785瀏覽

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

    結果:

    深入解析html中清單的幾種方式

    #二.有序列表

    用數字進行標記。清單始於

      標籤。每個列表項始於
    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>

      #輸出內容為:

      深入解析html中清單的幾種方式

      #三.定義清單

      不只是一列項目,而是項目及其註解的組合。

      清單以

      標籤開始。每個自訂清單項目以
      開始。每個自訂清單項目的定義以
      開始。
      <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影片教學

以上是深入解析html中清單的幾種方式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn