什么是有序列表与无序列表
在HTML中，有序列表和无序列表是常用的展示大量数据的方式。有序列表是按照一定的顺序对数据进行排序，并用数字或字母来表示每一项的顺序。而无序列表则是不按照顺序展示数据，每一项用一个特定的符号（通常是小圆点）作为项目符号。
添加无序列表
要在HTML中添加无序列表，可以使用ul标签和li标签来实现。ul标签代表整个列表，li标签则代表每一个列表项。
以下是示例代码：
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
在上面的代码中，ul标签将整个列表包裹起来，内部有三个li标签，分别代表三个列表项。在浏览器中渲染时，每个列表项都会用一个小圆点进行标记。
添加有序列表
有序列表和无序列表的区别在于，有序列表需要每个项目都有一个明确的序号表示其顺序。为了创建有序列表，可以使用ol标签和li标签，其中ol标签代表整个列表，li标签代表每一个列表项。
以下是示例代码：
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
在上面的代码中，ol标签将整个列表包裹起来，内部有三个li标签，分别代表三个列表项。在浏览器中渲染时，每个列表项都会用一个数字进行标记。
如何自定义列表项符号与序号
在HTML中，我们可以使用CSS来自定义列表项符号或序号的样式，以及控制它们的位置和使用的字体。
自定义无序列表项符号
自定义无序列表项符号需要用到list-style-type属性。这个属性可以设置为以下几个值之一：
none：不显示任何符号
disc：小圆点
circle：空心圆
square：实心正方形
可以在CSS中使用以下代码：
ul {
list-style-type: square;
}
在上面的代码中，我们将所有ul元素的列表项符号设置为实心正方形。
自定义有序列表项序号
自定义有序列表项序号需要用到list-style-type属性。这个属性可以设置为以下几个值之一：
decimal：阿拉伯数字
lower-roman：小写罗马数字
upper-roman：大写罗马数字
lower-alpha：小写字母
upper-alpha：大写字母
可以在CSS中使用以下代码：
ol {
list-style-type: lower-alpha;
}
在上面的代码中，我们将所有ol元素的列表项序号设置为小写字母。
结语
无序列表和有序列表在HTML中都是常见的数据展示方式。通过使用ul标签和li标签可以轻松地创建一个无序列表，而通过使用ol标签和li标签可以创建一个有序列表。在CSS中，可以通过list-style-type属性来自定义列表项符号和序号的样式。