上一章我们学习了“表格”的基本用法，可以看到，表格将内容以行列方式进行组织布局，可以让网页的阅读者非常容易的获取到信息。
这一章我们介绍两种列表，所谓列表就可以看作为表格的一列，可以把一类内容组织在一起。
有了前面的基础，列表很好掌握，只需要记住一些标签和属性即可。
----------------
单列列表：
先看代码：
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>
第二�
最近在做一些内容搜索的工作，搜索出来的内容为html格式，列表部分需要显示每项内容的一部分。因为是html格式的内容，直接截取内容的前多少字符显然不合适了。而如果直接去掉所有html格式然后再截取又无法达到想要的效果，再网上搜了一通之后，写下如下代码应该可以满足基本的要求了。(js写的，因为容易调试)
代码
var&nb ......
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title>
</head>
<body>
<table width="100%" border="1" cellpadding="0" bordercolorlight="#999999" bordercolordark="#FFFFFF"
&n ......
