在HTML中，<ul> 和 <ol> 是两个非常重要的标签，它们分别用于创建无序列表和有序列表。正确使用这些标签能够帮助你构建清晰、有组织的网页布局。下面，我们就来详细了解一下这两个标签的用法。
无序列表 <ul>
<ul> 标签用于创建无序列表，列表项通常使用 <li> 标签来定义。无序列表中的列表项通常以项目符号的形式显示。
基本用法
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
</ul>
属性
type: 定义列表项的符号类型。例如，type="circle"会使用圆形符号，type="square"会使用方形符号。class: 为列表添加CSS类，以便进行样式定制。
示例
<ul class="my-list">
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
</ul>
在这个例子中，我们为无序列表添加了一个CSS类 my-list，以便进行样式定制。
有序列表 <ol>
<ol> 标签用于创建有序列表，列表项同样使用 <li> 标签来定义。有序列表中的列表项会按照数字或字母顺序排列。
基本用法
<ol>
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
</ol>
属性
type: 定义列表项的数字或字母类型。例如，type="1"会使用数字1, 2, 3…，type="A"会使用字母A, B, C…。start: 定义列表项的起始数字或字母。例如，start="3"会从数字3开始计数。
示例
<ol start="3" type="A">
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
</ol>
在这个例子中，我们设置了有序列表的起始字母为A，并且从字母A开始计数。
总结
通过学习 <ul> 和 <ol> 标签的用法，你可以轻松地在HTML中创建无序列表和有序列表。这两个标签在网页布局中有着广泛的应用，能够帮助你构建清晰、有组织的页面内容。希望本文能够帮助你更好地掌握这两个标签的用法。