首頁  >  文章  >  web前端  >  html用li能幹嘛嗎

html用li能幹嘛嗎

WBOY
WBOY原創
2021-12-20 10:24:345254瀏覽

html中li標籤可以用來定義列表項,與ul標籤配合使用可定義無序列表,與ol標籤配合使用定義可有序列表,語法為“

」或「
」。

html用li能幹嘛嗎

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

html用li能幹什麼嗎

在html中,可以利用li標籤來定義清單。

  • 標籤可用在有序清單 (
      ) 和無序列表 (
      ) 中。

      li標籤與ol標籤配合使用定義有序列表,範例如下:

      <!DOCTYPE html>
      <html lang="en">
      <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
      </head>
      <body>
      <p>有序列表:</p>
      <ol>
        <li>打开冰箱门</li>
        <li>把大象放进去</li>
        <li>关上冰箱门</li>
      </ol>
      </body>
      </html>

      輸出結果:

      html用li能幹嘛嗎

      li標籤與ul標籤搭配使用定義無序列表,範例如下:

      <!DOCTYPE html>
      <html lang="en">
      <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
      </head>
      <body>
      <p>无序列表:</p>
      <ul>
        <li>雪碧</li>
        <li>可乐</li>
        <li>凉茶</li>
      </ul>
      </body>
      </html>

      輸出結果:

      html用li能幹嘛嗎

      推薦教學:《html影片教學

  • 以上是html用li能幹嘛嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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