HTML - li 标签_HTML 菜鸟教程

HTML <li> 标签用于表示列表中的项目。它应该根于父元素 <ul>、<ol> 或 <menu>。

无序列表 <ul> 和菜单 <menu> 中的项目以项目符号表示，而在有序列表中，它们以字母、数字和罗马数字等从左升序排列的计数器中显示。

语法


<li> item </li>

属性

<li> 标签支持 HTML 的全局属性和事件属性。也接受下面列出的特定属性。

属性	值	描述
value	number	指定列表项的起始值。

<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>

创建具有值 Attribute 的列出的项

在以下示例中，我们将创建一个订单列表，其中订单列表将从第 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>

支持的浏览器

浏览器
是否支持	Yes	Yes	Yes	Yes	Yes

<< HTML - ol 标签 HTML - dl 标签 >>