列表标签

列表标签在HTML中用于创建和展示有序和无序的数据集合，它们以整齐、整洁的方式组织内容，非常适合用于布局。

无序列表

无序列表用于展示不需要规定顺序的内容。

<h1>无序列表（Unordered List）</h1>
<ul>
	<li>项目1</li>
	<li>项目2</li>
	<li>项目3</li>
</ul>

• <ul> 定义无序列表（使用圆点、实心圆、方块等作为项目符号）
• <li> 定义列表项

要点：

• 无序列表中的列表项 li 之间没有顺序级别之分，它们是并列的。
• <ul> 标签中只能包含 <li> 标签。
• 无序列表带有默认样式，但通常我们会使用CSS来自定义样式。

有序列表

有序列表用于展示需要规定顺序的内容。

<h1>有序列表（Ordered List）</h1>
<ol>
	<li>第一项</li>
	<li>第二项</li>
	<li>第三项</li>
</ol>

• <ol> 定义有序列表（使用数字、字母、罗马数字作为项目符号）
• <li> 定义列表项

要点：

• 有序列表展示数据时按照一定的顺序。

• <ol> 标签中只能包含 <li> 标签。

• 有序列表带有默认样式，但通常我们会使用CSS来自定义样式。

定义列表

定义列表用于展示项目的标题和描述。

<h1>定义列表（Description List）</h1>
<dl>
	<dt>HTML</dt>
	<dd>超文本标记语言</dd>
	<dt>CSS</dt>
	<dd>层叠样式表</dd>
	<dt>JavaScript</dt>
	<dd>一种编程语言，用于创建动态网页内容</dd>
</dl>

• <dl> 定义描述列表
• <dt> 定义描述项目的标题
• <dd> 定义描述项目的描述或详情

要点：

• 定义列表常用于展示术语和定义，如网页底部的导航。
• <dl> 标签中只能包含<dt> 和 <dd> 标签。
• 定义列表带有默认样式，但通常我们会使用CSS来自定义样式。