首頁 > web前端 > html教學 > html網頁的清單標籤分為哪幾種

html網頁的清單標籤分為哪幾種

青灯夜游
發布: 2023-01-07 11:41:35
原創
17631 人瀏覽過

html網頁的列表標籤分為3種:1、無序列表,使用「

    」標籤定義;2、有序列表,使用「
    」標籤定義;3、自訂列表,使用「
    」標籤定義。

html網頁的清單標籤分為哪幾種

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

html網頁的清單

  • #無序列表

  • 有序列表

  • 自訂清單

1、無序列表

無序列表是一個項目的列表,此列項目使用粗體圓點(典型的小黑圓圈)進行標記。

無序列表使用

    標籤,每個清單項目始於
  • 標籤。
    <ul>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    </ul>
    登入後複製

    瀏覽器顯示如下:

    html網頁的清單標籤分為哪幾種

    #2、有序列表

    同樣,有序列表也是一列項目,清單項目使用數字進行標記。有序列表始於

      標籤,每個列表項目始於
    1. 標籤。

      清單項目使用數字來標記。

      <ol>
      <li>第一个列表项</li>
      <li>第二个列表项</li>
      <li>第三个列表项</li>
      </ol>
      登入後複製

      瀏覽器顯示如下:

      html網頁的清單標籤分為哪幾種

      #3、自訂清單

      自訂清單不僅僅是一列項目,而是項目及其註解的組合。

      自訂清單以

      標籤開始。每個自訂清單項目以
      開始。每個自訂清單項目的定義以
      開始。

      <dl>
        <dt>Coffee</dt>
        <dd>黑热饮</dd>
        <dt>Milk</dt>
        <dd>白冷饮</dd>
      </dl>
      登入後複製

      瀏覽器顯示如下:

      html網頁的清單標籤分為哪幾種

      #提示: 清單項目內部可以使用段落、換行符號、圖片、連結以及其他列表等等。

      推薦教學:《html影片教學

以上是html網頁的清單標籤分為哪幾種的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板