📜  html 列表类型 - Html (1)

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

HTML 列表类型

HTML中有三种主要的列表类型,分别是无序列表(unordered list)、有序列表(ordered list)和定义列表(definition list)。

无序列表

无序列表使用<ul>标签包含列表项<li>,每个列表项前会有一个默认的圆点符号。可以通过CSS进行自定义。

示例代码:

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

效果:

  • 列表项1
  • 列表项2
  • 列表项3
有序列表

有序列表使用<ol>标签包含列表项<li>,每个列表项前会有一个数字,从1开始递增。

示例代码:

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

效果:

术语1

定义1

术语2

定义2

以上就是HTML列表类型的介绍,希望对您有所帮助。