left、center、right
2. 行、单元格的常用属性
属性
用途
width
设置行或单元格的宽度
height
设置行或单元格的高度
bgcolor
设置行或单元格背景颜色
align
单元格中内容的水平对齐方式
valign
单元格中内容的垂直对齐方式
bordercolor 设置单元格边框的颜色
background
<i>网页编程学习网站</i></font> </th> <th background=a1.gif width=40 height=40></th> </tr> <tr> <th colspan=3 background=a2.gif height=8></th> </tr> <tr> <td rowspan=2 background=a3.gif width=25%> </td> <th colspan=2 >   如今，公司、企业和个人都在建
3.表格填充具体代码 最后，填入各单元格的具体内容，根据需要修正属性并
完善代码。Cha3-5.htm文档最后内容如下：
<body> <table cellspacing=3 width=100% height=100%> <tr> <th colspan=2><font face="隶书" size=6 color=green>
创建HTML表格需要使用下列标签：
(1) <table>、</table> —— 表格标签对，用于定义一个表格； (2) <tr>、</tr> —— 行标签对，用于定义一个行，只能嵌套在表格标签对中 (3) <td>、</td> —— 单元格标签对，用于定义一个单元格，只能嵌套在
行标签对中。<td>、</td>中放单元格内容，即要显示的数据。
<td rowspan=2>计算机基础</td> <td>92</td> </tr>
<tr align=center> <td>08003302</td>
<td>张鸿</td> <td>85</td>
</tr>
<tr align=center>
<td rowspan=2>网络<br>一班</td> <td>08003331</td> <td>李晓娟</td> <td rowspan=2>网络编程</td> <td>73</td> </tr> <tr align=center> <td>08003332</td> <td>刘刚</td> <td>90</td> </tr>
<!-- 普通单元格 --> <!-- 表头单元格 -->
</tr>
<tr> <td>08003301</td><td>王明</td><td>男</td> </tr>
<tr> <td>08003302</td><td>张鸿</td><td>女</td> </tr>
</table>
<!-- 表格2结束 -->
<th colspan=2>成绩</th>
</tr>
<tr> <th>班级</th> <th>学号</th> <th>姓名</th>
<th>课程</th> <th>分数</th> </tr>
<tr align=center>
<td rowspan=2>计算机 <br> 一班</td>
<td>08003301</td> <td>王明</td>
<tr> <td>08003302</td><td>张鸿</td><td>女</td> </tr>
</table>
<!-- 表格1结束 -->
<p> <!-- 表格2 -->
<table border=1 width=300 cellpadding=10 >
<tr> <td>学号</td> <th>姓名</th> <td>性别</td>
根据6个元素的布局，划分出网格如图3-8所示。虽然网页中只有6个元 素，但有些元素需要占多个单元格，总共需要4行。
第 10 页
根据6个元素的布局， 划分出网格如右图所示。
再根据各个元素所占位置，合并相关格子得到 6 个元素的单元格，如右图。
由上面分析可知，表格结构应该如下：
<table>
<tr> <th></th><th></th> </tr> <!-- 第1行有2个元素 -->
在HTML中，就是使用指定单元格占多行或多列来创建跨多行或多列的单元格， 即合并单元格。
<th>、<td> 标签都有指定单元格占的行数或列数的属性： colspn属性 —— 设置单元格占的列数，默认值是1。
例：<td colspan=3>…</td>，指定单元格占3列。 rowspan属性 —— 设置单元格占的行数，默认值是1。
<td>姓名</td>
<td>性别</td>
<!-- 第1行的第3列 -->
</tr>
<tr>
<!-- 定义第2行 -->
<td>08003301</td><td>王明</td><td>男</td>
</tr>
<tr>
<!-- 定义第3行 -->
<td>08003302</td><td>张鸿</td><td>女</td>
<tr align=right>
<!-- 第1行水平右对齐-->
<th>第1行<br>水平右对齐</th>
<td>水平<br>右对齐</td>
<td>水平右对齐</td>
<td align=center>水平中对齐</td> </tr>
<tr>
<!-- 第2行水平左对齐 -->
<th align=left>第2行<br>水平左对齐</TH>
设置属性后的表格结构如下：
<table width=100% height=100%> <tr> <th colspan=2> </th> <th width=40 height=40></th> </tr> <tr> <th colspan=3 ></th> </tr> <tr> <td rowspan=2 width=25%> </td> <th colspan=2 ></th> </tr> <tr> <th colspan=2></th> </tr> </table>
第3章 表格、表单及框架 3.1 表格 3.2 表单 3.3 框架
第1页
3.1 表格
3.1.1 表格的基本结构
用表格显示信息条理清楚，使浏览者一目了然。表格在网页中还有协助布 局的作用，可以把文字、图像、声音甚至视频，或者另一个表格，组织到表格 的不同行列中，以制作整齐、清晰的页面。
HTML具有强大的建立、显示表格的功能。 HTML的表格由行和列组成， 每一行的一个列就是一个单元 格，如右图所示：
</body> 第 6 页
【例3-3】设置行及单元格的对齐方式示例
<>
<caption valign=top>行、单元格的对齐方式</caption>
<tr> <th></th>
<th>表头行单元2</th>
