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

打印页面