1.4.7 表格的设计
1. 表格标签
<table border="n1" cellspacing="n2" cellpadding="n3" bgcolor="#rrggbb" width="n4" height="n5">……</table>
<!-- 定义一个表格。
border指定表格边线宽度，cellspacing指定单元格间距，cellpadding指定单元格内填充空间，参数n1、n2和n3可取正整数1、2、3、4等，单位是像素；
width、height分别指定表格的宽度和高度，参数n4、n5可取正整数或百分数，正整数表示像素，百分数表示表格占整个浏览器窗口的百分比；
bgcolor指定表格背景颜色，#rrggbb表示红绿蓝6位十六进制数(每种颜色各占2位,在HTML 规范中，#号可省)，所有这些属性，都是可选项；
“……”是表的内容，包括一个表题和若干个表行，每个表行内又包含有若干个单元格 -->
2. 表题标签
<caption>……</caption>
<!-- 定义表题，即表格的标题。
表题会显示在表格的上方，并且居中。表题标签应嵌套在表格标签内，一个表格只能有一个表题。-->
3. 表行标签
<tr align="xxx1" valign="xxx2" bgcolor="#rrggbb">……</tr>
<!-- 定义表行，即表格内的一行。表行标签一定要嵌套在表格标签里。
bgcolor定义表行的背景色，#rrggbb表示该颜色中的红绿蓝值(#号可省)；
align定义表行的水平对齐特性，xxx1可取center、left或right，分别表示水平居中、左对齐和右对齐；
valign定义表行的垂直对齐特性，xxx2可取center、top或bottom，分别表示垂直居中、上对齐和下对齐。 -->
4. 单元格标签
单元格分为头单元格和普通单元格，单元格标签一定要嵌套于表行标签内。一个表行内，可包含有多个单元格。
1)头单元格标签
<th align="xxx1" valign="xxx2" bgcolor="#rrggbb">……</th>
<!-- 定义表格第一行内的一个单元格(头单元格)。
bgcolor定义头单元格背景色，#rrggbb表示该颜色中的红绿蓝值(#号可省)；
align定义头单元格的水平对齐特性，参数xxx1可取值为center、left或right，
valign定义头单元格的垂直对齐特性，参数xxx2可取值为center、top或bottom。
-->
2)普通单元格标签
<td align="xxx1" valign="xxx2" bgcolor="#rrggbb">……</td>
<!-- 定义表行内的一个单元格。
bgcolor定义单元格背景色，#rrggbb表示该颜色中的红绿蓝值(#号可省)；
align定义单元格的水平对齐特性，xxx1可取值为center、left或right；
valign定义单元格的垂直对齐特性，xxx2可取值为center、top或bottom。
-->
例如，一个3行4列有表题、表头的表格可用以下方式定义。
<table>
<caption>……</caption>
<tr>
<th>……</th><th>……</th><th>……</th><th>……</th>
</tr>
<tr>
<td>……</td><td>……</td><td>……</td><td>……</td>
</tr>
<tr>
<td>……</td><td>……</td><td>……</td><td>……</td>
</tr>
</table>
注意：表格内的所有表行(<tr>……</tr>)一定要嵌套在该表格的起始标签<table>和结束标签</table>之间；表行内的单元格(<th>……</th>或<td>……</td>)一定要嵌套在同一表行的起始标签<tr>和结束标签</tr>之间。
一个表格内可有多个表行，一个表行内可有多个单元格。编辑网页时，可以在一行内写多个开始/结束标签对，也可以每行只写一个开始/结束标签对。为使结构清晰明了，最好按照缩进格式书写。
表格可嵌套使用，即在一个单元格内，可以再定义一个表格。
含有表格的一个网页文件(1-7.htm)内容如下。
----------------------------清单1-7 1-7.htm-------------------------
<html>
<head>
<title>表格的使用</title>
</head>
<body>
<table border=1>
<caption><b>课程表</b></caption>
<tr bgcolor=#80ff80>
<th> </th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr align=center>
<th>第1、2节</th>
<td>语文</td>
<td>数学</td>
<td>物理</td>
<td>化学</td>
<td>计算机</td>
</tr>
<tr align=center>
<th>第3、4节</th>
<td>政治</td>
<td>历史</td>
<td>地理</td>
<td>生物</td>
<td>英语</td>
</tr>
<tr align=center>
<th>第5、6节</th>
<td>体育</td>
<td>英语</td>
<td>语文</td>
<td>数学</td>
<td>物理</td>
</tr>
<tr align=center>
<th>第7、8节</th>
<td>音乐</td>
<td>美术</td>
<td>体育</td>
<td>二课堂</td>
<td>休息</td>
</tr>
</table>
</body>
</html>
--------------------------------------------------------------------
浏览1-7.htm网页文件，效果如图1-10所示。
图1-10 网页里的表格
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
