在游戏编程培训中，开发者经常会用到列表来进行相应的开发，那么怎么样应用列表才是正确合理的呢?下面就让我们来看一下。
首先，列表一共有三种表现形式，分别是：排序列表；不排序列表；定义列表。
排序列表(Ordered List)
排序列表中，每个列表项前标有数字，表示顺序。
排序列表由<ol>开始，每个列表项由<li>开始。
<html>
<body>
<h4>一个排序列表(Ordered List)：</h4>
<ol>
<li>菜鸟在线之HTML5教程</li>
<li>菜鸟在线之游戏开发</li>
<li>菜鸟在线之游戏编程</li>
</ol>
</body>
</html>
不排序列表(Unordered List)
不排序列表不用数字标记每个列表项，而采用一个符号标志每个列表项，比如圆黑点。
不排序列表由<ul>开始，每个列表项由<li>开始。
<html>
<body>
<h4>不排序列表(Unordered List)：</h4>
<ul>
<li>菜鸟在线之HTML5教程</li>
<li>菜鸟在线之游戏开发</li>
<li>菜鸟在线之游戏编程</li>
</ul>
</body>
</html>
定义列表
定义列表通常用于术语的定义。
定义列表由<dl>开始。术语由<dt>开始，英文意为DefinitionTerm。术语的解释说明，由<dd>开始，<dd></dd>里的文字缩进显示。
<html>
<body>
<h4>定义列表(Definition List)：</h4>
<dl>
<dt>野生动物</dt>
<dd>所有非经人工饲养而生活于自然环境下的各种动物。</dd>
<dt>宠物</dt>
<dd>指猫、狗以及其它供玩赏、陪伴、领养、饲养的动物，又称作同伴动物。</dd>
</dl>
</body>
</html>
不同类型(Type)的排序列表
如何用Type属性设置排序列表项前的符号。
<html>
<body>
<h4>排序列表，不设Type属性：</h4>
<ol>
<li>菜鸟在线之HTML5教程</li>
<li>菜鸟在线之游戏开发</li>
<li>菜鸟在线之游戏编程</li>
</ol>
<h4>排序列表，Type属性设为A：</h4>
<ol type="A">
<li>菜鸟在线之HTML5教程</li>
<li>菜鸟在线之游戏开发</li>
<li>菜鸟在线之游戏编程</li>
</ol>
<h4>排序列表，Type属性设为a：</h4>
<ol type="a">
<li>菜鸟在线之HTML5教程</li>
<li>菜鸟在线之游戏开发</li>
<li>菜鸟在线之游戏编程</li>
</ol>
<h4>排序列表，Type属性设为I：</h4>
<ol type="I">
<li>菜鸟在线之HTML5教程</li>
<li>菜鸟在线之游戏开发</li>
<li>菜鸟在线之游戏编程</li>
</ol>
<h4>排序列表，Type属性设为i：</h4>
<ol type="i">
<li>菜鸟在线之HTML5教程</li>
<li>菜鸟在线之游戏开发</li>
<li>菜鸟在线之游戏编程</li>
</ol>
</body>
</html>
不同类型(Type)的不排序列表
如何用Type属性设置不排序列表项前的符号。
<html>
<body>
<h4>Type设为disc的列表，列表项前面的符号是圆黑点：</h4>
<ul type="disc">
<li>菜鸟在线之HTML5教程</li>
<li>菜鸟在线之游戏开发</li>
<li>菜鸟在线之游戏编程</li>
</ul>
<h4>Type设为circle的列表，列表项前面的符号是空心圆：</h4>
<ul type="circle">
<li>菜鸟在线之HTML5教程</li>
<li>菜鸟在线之游戏开发</li>
<li>菜鸟在线之游戏编程</li>
</ul>
<h4>Type设为square的列表，列表项前面的符号是黑方块：</h4>
<ul type="square">
<li>菜鸟在线之HTML5教程</li>
<li>菜鸟在线之游戏开发</li>
<li>菜鸟在线之游戏编程</li>
</ul>
</body>
</html>
嵌套的列表
列表里可以含有子列表。通常用这种嵌套的列表，反映层次较多的内容。
<html>
<body>
<h4>嵌套一层的列表：</h4>
<ul>
<li>肉类</li>
<li>蔬菜
<ul>
<li>番茄</li>
<li>青菜</li>
</ul>
</li>
<li>酒类</li>
</ul>
<h4>嵌套2层的列表：</h4>
<ul>
<li>动物
<ul>
<li>两栖动物</li>
<li>哺乳动物
<ul>
<li>人</li>
<li>猩猩</li>
</ul>
</li>
<li>鱼类</li>
</ul>
</li>
<li>植物</li>
</ul>
</body>
</html>