DW表格的简单应用 之（个人简历模板）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>个人简历</title> </head> <body> <title><center> <strong>个人简历</strong> </center></title> <center> <table width="617" height="1273" border="1" cellpadding="0" cellspacing="0"> <tr> <td width="613" height="1271" align="center" valign="top" bgcolor="#00FF99"><table width="598" height="429" border="1" cellpadding="0" cellspacing="0"> <tr align="center"> <td colspan="6" bgcolor="#00FFFF"><strong>个人简历</strong></td> </tr> <tr> <td width="97" align="center" bgcolor="#00FFFF">姓名</td> <td width="116" bgcolor="#00FFFF"> </td> <td width="97" align="center" bgcolor="#00FFFF">性别</td> <td width="116" bgcolor="#00FFFF"> </td> <td colspan="2" rowspan="5" align="center" valign="middle" bgcolor="#00FFFF">照片</td> </tr> <tr> <td align="center" bgcolor="#00FFFF">出生年月</td> <td bgcolor="#00FFFF"> </td> <td align="center" bgcolor="#00FFFF">政治面貌</td> <td bgcolor="#00FFFF"> </td> </tr> <tr> <td align="center" bgcolor="#00FFFF">民族</td> <td bgcolor="#00FFFF"> </td> <td align="center" bgcolor="#00FFFF">学历</td> <td bgcolor="#00FFFF"> </td> </tr> <tr> <td align="center" bgcolor="#00FFFF">籍贯</td> <td bgcolor="#00FFFF"> </td> <td align="center" bgcolor="#00FFFF">联系方式</td> <td bgcolor="#00FFFF"> </td> </tr> <tr> <td align="center" bgcolor="#00FFFF">身高</td> <td bgcolor="#00FFFF"> </td> <td align="center" bgcolor="#00FFFF">体重</td> <td bgcolor="#00FFFF"> </td> </tr> <tr> <td height="82" align="center" bgcolor="#00FFFF">英语水平</td> <td bgcolor="#00FFFF"> </td> <td align="center" bgcolor="#00FFFF">计算机水平</td> <td colspan="3" bgcolor="#00FFFF"> </td> </tr> <tr> <td align="center" bgcolor="#00FFFF">系别</td> <td colspan="5" bgcolor="#00FFFF"> </td> </tr> <tr> <td align="center" bgcolor="#00FFFF">专业</td> <td colspan="5" bgcolor="#00FFFF"> </td> </tr> </table> <table width="586" height="24" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> </td> </tr> </table> <table width="601" height="176" border="1" cellpadding="0" cellspacing="0"> <tr> <td colspan="3" align="center" bgcolor="#FFFF00"><strong>教育情况</strong></td> </tr> <tr> <td width="195" align="center" bgcolor="#FFFF00">时间</td> <td width="195" align="center" bgcolor="#FFFF00">学校</td> <td width="203" align="center" bgcolor="#FFFF00">学历</td> </tr> <tr> <td align="center" bgcolor="#FFFF00"> </td> <td align="center" bgcolor="#FFFF00"><a href="http://www.cnblogs.com/hanqishihu/">汉企培训博客园</a></td> <td align="center" bgcolor="#FFFF00"> </td> </tr> <tr> <td align="center" bgcolor="#FFFF00"> </td> <td align="center" bgcolor="#FFFF00"> </td> <td align="center" bgcolor="#FFFF00"> </td> </tr> </table> <table width="599" height="21" border="0" cellpadding="0" cellspacing="0"> <tr> <td> </td> </tr> </table> <table width="599" height="614" border="1" cellpadding="0" cellspacing="0"> <tr> <td width="595" height="45" align="center" bgcolor="#FF00FF"><strong>工作经验</strong></td> </tr> <tr> <td background="../../../网页元素文件夹/背景图片/1-131104212050308.jpg"height="567" valign="top"><table width="597" height="272" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="36" align="left"><blockquote>专业经验：</blockquote></td> </tr> <tr> <td height="234" valign="top"> </td> </tr> </table> <table width="597" height="297" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="40"><blockquote> <p>社会经验：</p> </blockquote></td> </tr> <tr> <td height="255" valign="top"> </td> </tr> </table></td> </tr> </table></td> </tr> </table> </center> </body> </html>
效果图是
其中汉企培训博客园为文字链接，整体框架我一共用了6个表格 空白部分为一个隐藏的一行一列的表格，上半部分的表格中 包含了合并单元格的操作，纵向合并和横向合并。
为了好分辨表格有几部分，我给除空白表格外的所有表格都加入了底色和背景图，用于快速分辨模板的各大版块。
o0孤独夜莺0o
