1.<table></table>
<table></table>
属性值
align:文字对齐方式
backgroud:背景图片
bgcolor:背景颜色
bordercolor:边框颜色
bordercolordark:3D阴影颜色
bordercolorlight:边框高亮显示颜色
cellpadding:单元格内容与边框的距离
cellspcing:设置单元格之间的距离
frame:设置表格四条外边框的显示方式
hight:设置高度,单位像素,百分比
width:设置宽度,单位像素,百分比
2.<tr></tr>
<tr></tr>
属性值
align:文字水平对齐方式
valign:设置垂直对齐方式
backgroud:背景图片
bgcolor:背景颜色
bordercolor:边框颜色
bordercolordark:3D阴影颜色
bordercolorlight:边框高亮显示颜色
hight:设置高度,单位像素,百分比
3.<td>和<th>
<td>和<th>
属性
align:文字水平对齐方式
valign:设置垂直对齐方式
backgroud:背景图片
bgcolor:背景颜色
bordercolor:边框颜色
bordercolordark:3D阴影颜色
bordercolorlight:边框高亮显示颜色
width:设置宽度,单位像素,百分比
hight:设置高度,单位像素,百分比
colspan:合并单元格跨越的列数
rowspan:合并单元格跨越的行数
例1
<!-- 简单简历模板 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表格</title>
</head>
<body>
<table border="1" cellspacing="0" width="500px">
<caption>个人简历模板</caption>
<tr bgcolor="red" >
<th colspan="5">个人信息</th>
</tr>
<tr >
<td width="100px">姓名</td>
<td width="100px"></td>
<td width="100px">国籍</td>
<td></td>
<td rowspan="5"></td>
</tr>
<tr>
<td>出生日期</td>
<td></td>
<td>民族</td>
<td></td>
</tr>
<tr>
<td>籍贯</td>
<td></td>
<td>身高</td>
<td></td>
</tr>
<tr>
<td>婚姻状况</td>
<td></td>
<td>电子邮件</td>
<td></td>
</tr>
<tr>
<td>联系电话</td>
<td></td>
<td>QQ邮箱</td>
<td></td>
</tr>
<tr>
<td>家庭住址</td>
<td colspan="4" ></td>
</tr>
</table>
</body>
</html>
例2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表格</title>
</head>
<body >
<table align="center" border="1" cellspacing="0" width="500px">
<caption>成绩单</caption>
<thead bgcolor="red">
<th>姓名</th>
<th>高数</th>
<th>英语</th>
<th>组成原理</th>
<th>总分</th>
</thead>
<tbody>
<tr>
<th>张三</th>
<th>45</th>
<th>85</th>
<th>68</th>
<th>478</th>
</tr>
<tr>
<th>李四</th>
<th>78</th>
<th>86</th>
<th>45</th>
<th>365</th>
</tr>
<tr>
<th>王五</th>
<th>85</th>
<th>53</th>
<th>45</th>
<th>475</th>
</tr>
<tr>
<th>麻子</th>
<th>89</th>
<th>84</th>
<th>78</th>
<th>429</th>
</tr>
<tr>
<th>大牛</th>
<th>91</th>
<th>76</th>
<th>76</th>
<th>368</th>
</tr>
</tbody>
<tfoot>
<tr bgcolor="blue">
<th>平均分</th>
<th>785</th>
<th>456</th>
<th>123</th>
<th>789</th>
</tr>
</tfoot>
</table>
</body>
</html>