利用table制作一个简单的个人简历

table的曾经

在div没有出现之前，table曾是做网页的中坚力量。记得在开始学网页的时候，div是神马，我不造呀！做网页还用div吗，就只用table就可以了，各种表格嵌套加嵌套，一个网页就拼凑出来了。但table写的布局页面做维护就比较令人头痛欲裂了。因为table是一层一层嵌套，标签量冗余过多。所以修改起来就是动一发而牵全身。维护起来格外麻烦，往往是拆东墙补西墙。所以它后来就慢慢被div所替代。但是在数据列表上还是用table形式来写比较的合理，所以现在table多用于网站后台的表格数据处理中。

表格标签table使用

简单的表格由table元素以及一个或多个tr（行标签）、th（表头单元格标签）、td（普通单元格标签）等标签所组成，当然复杂的表格还包括caption（表格标题）、col(定义列)、colgroup(对表格中的列进行组合)、thead（组合表头的内容）tbody(组合表格的主题内容)、tfoot(组合表格的脚注内容)等这里我们先简单了解下即可。

定义表格：table

创建表行：tr

创建列(单元格):th（表头）td（表格单元）

注意：默认情况下，每行中的列数是统一的。

// An highlighted block 
	<table align="center" border="0.1" cellspacing="0" cellpadding="" width="500px" height="750px" background="img/01.jpg" >
	 		<tr >
	 			<th colspan="5">个人求职简历</th>
	 		</tr>
	 		<tr align="center" >
	 			<td width="70px" >姓名</td>
	 			<td></td>
	 			<td width="70px">性别</td>
	 			<td></td>
	 			<td rowspan="6"></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>身份证</td>
	 			<td></td>
	 			
	 		</tr>
	 		<tr>
	 			<td>毕业学校</td>
	 			<td></td>
	 			<td>计算机能力</td>
	 			<td></td>
	 			
	 		</tr>
	 		<tr>
	 			<td colspan="5"></td>
	 			
	 			
	 		</tr>
	 		<tr>
	 			<td rowspan="3">家庭成员</td>
	 			<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 colspan="5"></td>
	 			
	 		</tr>
	 		<tr>
	 			<td rowspan="5">家庭成员</td>
	 			<td>工作时间</td>
	 			<td>公司名称</td>
	 			<td>职位名称</td>
	 			<td>所属部门</td>
	 		</tr>
	 		<tr>
	 			
	 			<td></td>
	 			<td></td>
	 			<td></td>
	 			<td></td>
	 		</tr>
	 		<tr>
	 			
	 			<td rowspan="2"></td>
	 			<td rowspan="2"></td>
	 			<td></td>
	 			<td></td>
	 		</tr>
	 		<tr>
	 			
	 			
	 			<td></td>
	 			<td></td>
	 		</tr>
	 		<tr>
	 			
	 			<td></td>
	 			<td></td>
	 			<td></td>
	 			<td></td>
	 		</tr>
	 		<tr>
	 			
	 			<td colspan="5"></td>
	 			
	 		</tr>
	 		<tr>
	 			
	 			<td rowspan="2">教育情况</td>
	 			<td>时间</td>
	 			<td>学校</td>
	 			<td colspan="2">学历</td>
	 		</tr>
	 		<tr>
	 			
	 			
	 			<td></td>
	 			<td></td>
	 			<td colspan="2"></td>
	 		</tr>
	 		
	 		<tr>
	 			
	 			<td colspan="5"></td>
	 			
	 		</tr>
	 		<tr>
	 			
	 			<td rowspan="2">培训经历</td>
	 			<td>培训时间</td>
	 			<td>培训机构</td>
	 			<td colspan="2">培训内容</td>
	 		</tr>
	 		<tr>
	 			
	 			
	 			<td></td>
	 			<td></td>
	 			<td colspan="2"></td>
	 		</tr>
	 		
	 		<tr>
	 			<td>备注</td>
	 			<td colspan="4"></td>
	 		</tr>
	 		<tr>
	 			<td colspan="5"></td>
	 		</tr>
	 		
	 		<tr>
	 			<td  rowspan="3">自我评价</td>
	 			<td colspan="4" rowspan="3"></td>
	 		</tr>
	 		<tr></tr>
	 		<tr></tr>
	 		<tr></tr>
	 		
	 	</table>

效果图