📜  HTML<li>标签(1)

📅  最后修改于: 2023-12-03 14:41:58.907000             🧑  作者: Mango

HTML <li> 标签

HTML <li> 标签用于表示无序列表(unordered list)或有序列表(ordered list)中的每一个列表项(list item)。

语法
<ul>
  <li>列表项 1</li>
  <li>列表项 2</li>
  ...
</ul>

<ol>
  <li>列表项 1</li>
  <li>列表项 2</li>
  ...
</ol>

<ul> 标签用来表示无序列表,<ol> 标签用来表示有序列表。每一个列表项都需要使用 <li> 标签包裹。

属性

<li> 标签没有特定的属性,但可以使用通用属性,如 classidtitle 等。

示例

以下是一个简单的无序列表和有序列表的示例:

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橙子</li>
</ul>

<ol>
  <li>第一步</li>
  <li>第二步</li>
  <li>第三步</li>
</ol>

效果如下:

  • 苹果
  • 香蕉
  • 橙子
  1. 第一步
  2. 第二步
  3. 第三步
注意事项
  • <li> 标签必须在 <ul><ol> 标签内使用。
  • <li> 标签只能用于列表中,不能在其他标签中使用。
  • <li> 标签没有结束标签。