列表元素有序列表无序列表定义列表 ol: ul: dl: dd: dt:

作者：System 时间：2024年08月20日分类：所有,css3 字数：662

在HTML中，有序列表（ordered list）由 <ol> 标签定义，无序列表（unordered list）由 <ul> 标签定义，定义列表（definition list）由 <dl> 标签定义，列表中的每一项由 <li> 标签定义。

有序列表的每一项前面会自动带有排序序号，无序列表则以项目符号显示每一项（如圆点或者数字）。定义列表通常用于展示词汇或名词解释。

以下是这些列表的HTML代码示例：

有序列表（ordered list）:




<ol>
  <li>苹果</li>
  <li>香蕉</li>
  <li>樱桃</li>
</ol>

无序列表（unordered list）:




<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>樱桃</li>
</ul>

定义列表（definition list）:




<dl>
  <dt>计算机</dt>
  <dd>一种可以进行算数和逻辑计算的电子设备</dd>
  <dt>人工智能</dt>
  <dd>研究、开发用于模拟、扩展和扩展人类智能的理论、方法、技术及应用系统的一门新的技术领域</dd>
</dl>

在HTML中，<dt> 标签定义了定义术语（definition term），<dd> 标签定义了定义描述（definition description）。