发表日期： 2022-05-28 15:26:54 浏览次数：94
广东省阳春国际英文域名注册/中文国内域名申请/企业域名服务器空间备案-企业域名
TML 列表（List）可以将若干条相关的内容整理起来，让内容看起来更加有条理。在列表内您可以放置文本、图像、链接等，也可以在一个列表中定义另一个列表（列表嵌套）。
HTML 为我们提供了三种不同形式的列表：
有序列表，使用 <ol> + <li> 标签
无序列表，使用 <ul> + <li> 标签
定义列表，使用 <dl> + <dt> + <dd> 标签
在 HTML 中， <ol> 标签用来表示有序列表。有序列表之间的内容有先后顺序之分，例如菜谱中的一系列步骤，这些步骤需要按顺序完成，这时就可以使用有序列表。
我们来看一个简单的实例：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>HTML有序列表</title></head><body><p>煮米饭的步骤：</p><ol><li>将水煮沸</li><li>加入一勺米</li><li>搅拌均匀</li><li>继续煮10分钟</li></ol></body></html>
在浏览器中运行效果如图所示：
有序列表需要使用 <ol> 和 <li> 标签：
<ol> 是 order list 的简称，表示有序列表，它可以为列表的每一项进行编号，默认从数字 1 开始。
<li> 是 list item 的简称，表示列表的每一项，<ol> 中有多少个 <li> 就表示有多少条内容。列表项中可以包含文本、图片、链接等，甚至还可以是另外一个列表。
注意，<ol> 一般和 <li> 配合使用，不会单独出现，而且不建议在 <ol> 中直接使用除 <li> 之外的其他标签。
HTML 使用 <ul> 标签来表示无序列表。无序列表和有序列表类似，都是使用 <li> 标签来表示列表的每一项，但是无序列表之间的内容没有顺序。例如，早饭的种类不需要表明顺序，这时就可以使用无序列表。
我们来看一个简单的例子：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>HTML无序列表</title></head><body><p>早餐的种类：</p><ul><li>鸡蛋</li><li>牛奶</li><li>面包</li><li>生菜</li></ul></body></html>
浏览器运行结果如图所示：
