📜  HTML |列表(1)

📅  最后修改于: 2023-12-03 15:01:15.370000             🧑  作者: Mango

HTML 列表

HTML 列表是一种用于呈现数据和信息的有效方式。HTML 列表有三种类型:无序列表、有序列表和定义列表。本文将介绍如何使用 HTML 创建这三种列表。

无序列表

无序列表使用 <ul> 标签创建。列表项使用 <li> 标签创建。

<ul>
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ul>

效果如下:

  • 列表项 1
  • 列表项 2
  • 列表项 3

可以使用 CSS 自定义无序列表的样式,例如改变列表项符号的形状和颜色。

有序列表

有序列表使用 <ol> 标签创建。列表项使用 <li> 标签创建。

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

效果如下:

  1. 列表项 1
  2. 列表项 2
  3. 列表项 3

默认情况下,有序列表使用数字作为列表项标识,也可以使用小写字母、大写字母、罗马数字等。

定义列表

定义列表使用 <dl> 标签创建。每个定义列表项由 <dt> 标签标识定义名词,然后使用 <dd> 标签定义该词的含义。

<dl>
  <dt>定义名词 1</dt>
  <dd>定义 1 的含义</dd>
  <dt>定义名词 2</dt>
  <dd>定义 2 的含义</dd>
  <dt>定义名词 3</dt>
  <dd>定义 3 的含义</dd>
</dl>

效果如下:

定义名词 1
定义 1 的含义
定义名词 2
定义 2 的含义
定义名词 3
定义 3 的含义

定义列表通常用于词汇表、术语表等信息呈现。

以上是 HTML 列表的介绍,希望对您有所帮助!