一、表格的基本语法
1>基本语法:(两行三列)
<table>
<tr>
<td>第一个单元格的内容</td>
<td>第二个单元格的内容</td>
......
</tr>
<tr>
<td>第一个单元格的内容</td>
<td>第二个单元格的内容</td>
......
</tr>
</table>
二、跨行跨列的表格
1、跨行(colspan)
1>跨行是指单元格的横向合并
2> 语法:
<table>
<tr>
<td colspan="所跨的列数">单元格内容</td>
</tr>
</table>
2、跨列(rowspan)
1> 跨列是指单元格在垂直方向上合并
2> 语法:
<table>
<tr>
<td rowspan="所跨的行数">单元格内容</td>
</tr>
</table>
3、跨行跨列综合运用
<body>
<table width="200" border="1">
<tr>
<td colspan="3">学生成绩</td>
</tr>
<tr>
<td rowspan="2">张三</td>
<td>语文</td>
<td>98</td>
</tr>
<tr>
<td>数学</td>
<td>95</td>
</tr>
<td rowspan="2">张三李四</td>
<td>语文</td>
<td>94</td>
</tr>
<tr>
<td>数学</td>
<td>91</td>
</tr>
</table>
</body>
----经验总结----------------------------------------------------------------
跨行和跨列以后,并不改变表格的特点,同行的总高度一致,同列的总宽度一致。
因此,表格中各单元格的宽度和高度相互影响,结构相对稳定,但缺点是不能灵活
地进行布局控制
----------------------------------------------------------------------------
三、表格的高级用法
1、表格的高级标签
1> 表格标题<caption>
用于描述整个表格的标题
2>表格表头<th>
用于定义表格的表头,一般是表格的第一行数据,以粗体、居中的方式显示
3> 表格数据的分组标签<thead>、<tbody>、<tfooter>
这三个标签一般配合使用,主要是对报表数据进行逻辑分组,<thead>标签对应报表的页眉,即表格的表头部分;<tbody>对应报表的数据主体,即详细的数据描述部分;<tfooter>对应报表的页脚,即对各分组进行汇总的部分。各分组标签内由多行<tr>组成
2、应用
<body>
<table witdh="100%">
<caption>年终数据报表</caption>
<thead style="background:#0FF">
<tr>
<th>月份</th>
<th>收入(RMB)</th>
</tr>
</thead>
<tbody style="background:#9CC">
<tr>
<td>一月</td>
<td>100</td>
</tr>
<tr>
<td>二月</td>
<td>80</td>
</tr>
<!--省略3-6月的类似HTML代码-->
</tbody>
<tfooter>
<tr>
<td>平均收入</td>
<td>196.67</td>
</tr>
<tr>
<td>总计</td>
<td>1180</td>
</tr>
</tfooter>
</table>
</body>
3、表格还可以用于图文和表单的布局
---------------------- Windows Phone 7手机开发、 .Net培训、期待与您交流! ----------------------