HTML - <li> 標籤

HTML <li> 標籤用於表示列表中的一個專案。它應該位於父元素<ul>、<ol> 或 <menu> 中。

無序列表 <ul> 和選單 <menu> 中的專案以專案符號顯示，而有序列表中的專案以左升序計數器顯示，這些計數器可以是字母、數字和羅馬數字。

語法

<li> item </li>

屬性

HTML li 標籤支援 HTML 的全域性和事件屬性。也接受特定的屬性，如下所示。

屬性	值	描述
value	數字	指定列表項的起始值。

HTML li 標籤示例

下面的示例將說明 li 標籤的用法。在哪裡、何時以及如何使用 li 標籤。

使用 li 標籤建立有序列表

在下面的示例中，我們使用 <ol> 標籤建立一個有序列表。然後，我們在 <ol> 標籤內建立一個 <li> 標籤，以數字格式顯示列表項。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML li Tag</title>
</head>
<body>
   <ol>
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
   </ol>
</body>
</html>

使用 li 標籤建立無序列表

在下面的示例中，我們使用 <ul> 標籤建立一個有序列表。然後，我們在 <ul> 標籤內建立一個 <li> 標籤，以數字格式顯示列表項。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML li Tag</title>
</head>
<body>
   <ul>
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
   </ul>
</body>
</html>

建立帶有 value 屬性的列表項

在下面的示例中，我們將建立一個有序列表，其中有序列表將從第 3 個開始。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML li Tag</title>
</head>
<body>
   <ol>
      <li value="3">HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
   </ol>
</body>
</html>

支援的瀏覽器

標籤
li	是	是	是	是	是

html_tags_reference.htm

列印頁面