HTML提供了三种类型的列表，每种类型的功能略有不同。UL（无序列表）提供了顺序不重要的项目列表。OL（有序列表）提供了重要顺序的项目列表。DL（定义列表）提供了一种将术语与定义配对的方法。
无序列表
最常用的列表类型是无序列表-有时称为项目符号列表。项目符号列表应该用于某种程度上相关的不同项目。在montclair.edu的页面上，无序列表中的每个项目都被设计成红色破折号。
无序列表不应该用于创建大型结构化文档——标题标签是用于文档结构的。无序列表中的项目应该非常短。例如:
我们使用的技术：
- HTML：这是网络的基本文档格式。
- CSS：它允许我们描述文档的外观。
- JavaScript：为HTML文档中的元素添加功能。
有序列表
有序列表与无序列表是一样的，只是内容显然是有顺序的。有序列表适用于顺序信息或排序。
- 填一下这张表。
- 把表格寄到招生处。
- 完成调查。
有序列表也可以使用字母或罗马数字：
- 填一下这张表。
- 把表格寄到招生处。
- 完成调查。
定义列表
定义列表很少使用，但当你需要它们时，它们会非常有用。它们创建了一个将DT元素（术语）与DD元素（定义）配对的结构。例如:
- 注册处
- 处理日程安排和班级注册，以及毕业申请。
- 学生账户
- 处理账单支付和财政援助的发放。
- 学术顾问
- 帮助学生根据他们当前的学位审核选择注册什么课程。
定义列表不包括在WordPress或TerminalFour可视化编辑器界面中，所以如果你想使用一个，你需要手动添加代码。
我们还为术语相对较短的定义列表定义了一个类“compact”。虽然这些列表在移动设备上看起来相同，但紧凑的列表将更有效地利用页面宽度。
- 注册处
- 处理日程安排和班级注册，以及毕业申请。
- 学生账户
- 处理账单支付和财政援助的发放。
- 学术顾问
- 帮助学生根据他们当前的学位审核选择注册什么课程。
链接列表
链接列表并不是标准的HTML组件，但它是您可以在页面上使用的一点附加HTML，可以将链接列表压缩成更小的两列格式。您可以创建一个基本的无序列表，然后用类“link-list”将其放入DIV中，从而创建一个链接列表。
代码示例
无序列表
& lt; ul>& lt; li>项目A< / li>& lt; li>项目B< / li>& lt; li>项目C< / li>& lt; / ul>
有序列表
& lt; ol>填好表格。</ lit >；把表格寄到招生处。</li>；完成调查。</li>；& lt; / ol>
使用大写字母的有序列表
style=“ font - family：宋体”>；填好表格。</ lit >；把表格寄到招生处。</li>；完成调查。</li>；& lt; / ol>
定义列表
& lt; dl>& lt; dt>注册Office< / dt><dd>；处理日程安排和班级注册，以及毕业申请。</dd>；& lt; dt>学生Accounts< / dt><dd>；处理账单支付和经济援助支出。</dd>；& lt; dt>学术Advising< / dt><dd>；帮助学生根据目前的学位审核情况选择注册哪些课程。</dd>；& lt; / dl>
简明定义表
& lt; dl类=“紧凑”比;& lt; dt>注册Office< / dt><dd>；处理日程安排和班级注册，以及毕业申请。</dd>；& lt; dt>学生Accounts< / dt><dd>；处理账单支付和经济援助支出。</dd>；& lt; dt>学术Advising< / dt><dd>；帮助学生根据目前的学位审核情况选择注册哪些课程。</dd>；& lt; / dl>
链接列表
& lt; div类=“链表”比;& lt; ul><li><a href="/arts/">；艺术学院<；/a></li>；<li><a href="/cehs">；教育与人类服务学院<；/a></li>；人文社会科学学院<；/a>< a href="/chss">；<li><a href="/csam">；理学院数学<；/a></li>；<li><a href="http://business.montclair.edu">；费利西亚诺商学院<；/a></li>；<li><a href="/music">John J. Cali音乐学院<；/a></li>；<li><a href="/school-of-conservation/">；新泽西自然资源学院<；/a></li>；<li><a href="/school-of-communication-and-media/">；传媒学院<；/a></li>；<li><a href="/nursing/">；护理学院<；/a></li>；<li><a href="/graduate">；研究生院<；/a></li>；<li><a href="/university-college">University College</a>；& lt; / ul>& lt; / div>