列表是 HTML 的重要组成部分,用于以有组织且可读的方式显示数据。 HTML 提供了三种主要类型的列表:无序列表、有序列表和定义列表。
无序列表(<ul>) 使用特定的项目符号点并显示为缩进项目,通常使用黑点。 这是列出不需要特定订单的商品的流行选择。
有序列表(<ol>) 使用特定编号或字符标记,并显示为按顺序排序的列表。 这通常用于按特定顺序列出项目或对其进行编号。
定义列表(<dl>) 使用术语和描述对来显示数据。 每对都包含在 <dt>(定义术语)和 <dd>(定义描述)标签内。 这是显示特定概念的属性或定义的有效方法。
无序列表( <ul>
)
- 该 <ul>
元素用于创建无序列表。
- 无序列表中的每个项目都放置在一个 <li>
元素内。
- 无序列表通常用项目符号或类似字符显示。
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
有序列表( <ol>
)
- 该 <ol>
元素用于创建有序列表。
- 有序列表中的每个项目都放置在一个 <li>
元素内。
- 有序列表通常以数字或字母字符显示。
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
定义列表( <dl>
)
- 该 <dl>
元素用于创建定义列表。
- 定义列表中的每个项目由一对 <dt>
(定义术语)和 <dd>
(定义描述)标签组成。
- <dt>
标签包含正在定义的关键字或属性,而 <dd>
标签包含对该关键字或属性的描述或解释。
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
列表类型属性(<ul>
和 <ol>
)
- type 属性用于指定有序列表的编号样式。
- type 属性的值可以是“1”(数字)、“A”(大写字母)、“a”(小写字母)、“I”(大写罗马数字)或“i”(小写罗马数字)。
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
起始属性( <ol>
)
- start 属性用于指定有序列表中编号的起始值。
- 起始属性的值是一个正整数。
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
反转属性( <ol>
)
- returned 属性用于以相反的顺序显示有序列表。
- 当应用反向属性时,编号将按降序显示。
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
这些属性和元素允许您根据需要创建和自定义 HTML 列表。 您可以使用它们在您的网站上以清晰且有组织的方式显示数据。