首頁 > web前端 > html教學 > html中li標籤的屬性

html中li標籤的屬性

下次还敢
發布: 2024-04-27 21:54:35
原創
1055 人瀏覽過

HTML 中的<li>(列表項)標籤具有以下屬性:value:指定數字值(有序列表)或留空(無序列表);type:指定標記類型(數字、字母、圓形、正方形);start:指定第一個清單項目的值(有序列表);reversed:反向排列列表項;id:指定唯一ID;class:新增CSS 類別;title:新增滑鼠懸停提示工具。

html中li標籤的屬性

HTML li 標籤的屬性

HTML 中的<li>(列表項)標籤用於在無序列表或有序列表中建立列表項。它具有幾個屬性可供使用:

1. value

    <li>#描述:指定清單項目的數字值。 <li>取值:一個整數(對於有序列表)或空(對於無序列表)。

2. type

    <li>描述:指定清單標記的類型。 <li>

    取值:

      <li>"1":數字標記(有序列表) <li>"a":小寫字母標記(有序列表) <li>"A":大寫字母標記(有序列表) <li>"disc":圓形標記(無序列表) <li>"circle":空心圓形標記(無序列表) <li>"square":正方形標記(無序列表)

3. start

    <li> <li>

    <li> <li>

    ##描述:指定清單中第一個清單項目的值(有序列表)。 <li>取值:一個整數。 <li>

4. reversed

    說明:反向順序排列清單項目。 <li>取值:布林值(true/false)。 <li>

5. id

    說明:為清單項目指定唯一的 ID。 <li>取值:一個字串。 <li>

6. class

### 說明:為清單項目新增一個或多個 CSS 類別。 ######取值:一個或多個由空格分隔的類別名稱。 ############7. title############ 說明:為清單項目新增滑鼠懸停提示工具。 ######取值:文字字串。 ############範例:######
<code class="html"><ul>
  <li value="1">第一项</li>
  <li type="a">第二项</li>
  <li type="square" class="special">第三项</li>
</ul></code>
登入後複製

以上是html中li標籤的屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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