上一章我们学习了“表格”的基本用法，可以看到，表格将内容以行列方式进行组织布局，可以让网页的阅读者非常容易的获取到信息。
这一章我们介绍两种列表，所谓列表就可以看作为表格的一列，可以把一类内容组织在一起。
有了前面的基础，列表很好掌握，只需要记住一些标签和属性即可。
----------------
单列列表：
先看代码：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>列表</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
</head>
<body>
<dl>
<dt>列表标题1</dt>
<dd>第一条</dd>
<dd>第二条</dd>
<dd>第三条</dd>
<dt>列表标题2</dt>
<dd>第一条</dd>
<dd>第二条</dd>
<dd>第三条</dd>
</dl>
</body>
</html>
代码执行结果如下：
可以看到：
dl标签表示一个单列列表；
dt标签表示一个列表标题，默认为文本居左；
dd标签表示一条列表内容，默认为文本居右；
默认情况下，列表的宽度和文本长度最大的dt或dd标签宽度相同，可以使用br等标签对dt或dd中的内容进行换行；
dl、dt、dd标签没有特殊的属性，这3个标签主要要配合CSS样式表使用，后面会介绍
----------------
无序列表：
看下列代码：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>列表</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
</head>
<body>
无序列表：
<ul>
<li>
第一部分
<ul>
<li>
第一点
</li>
<li>
第二点
</li>
<li>
第三点
</li>
</ul>
</li>
<li>
第二部分
<ul type="square">
<li>
第一点
</li>
<li>
第二�
<table border="1" style="empty-cells:show; border-collapse:collapse;">
<tr><td>111</td><td></td>
<tr><td></td><td>2222</td>
<table>
attention:
style="empty ......
对于很多初学HTML的人来说，表格是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。
一般我们用表格的时候总会给它个border属性，比如：<table border="1">，其效果如下：
ID
NAME
GENDER
1001
mike
male
可以发现表格的边框好像很宽，当然这里的“很宽”绝对不是表格border的宽，大 ......
