山科大web开发————表格的制作（个人简历）
程序员文章站
2022-03-07 18:28:19
...
话不多说直接上代码和效果图：
效果图：
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>工作简历</title>
<style>
.blue{
color: #2F76C0;
}
.red{
color: red;
}
</style>
</head>
<body>
<table border="1">
<tr align="left">
<td colspan="3" class="blue">（基本信息）</td>
<td colspan="1" class="red">简历更新日期：2009-04-30</td>
</tr>
<tr>
<th align="right">姓名：</th>
<td align="left" colspan="2">张三</td>
<th rowspan="4"></th>
</tr>
<tr>
<th align="right">身份证号码：</th>
<td align="left" colspan="2">32010419781202081x</td>
</tr>
<tr>
<th align="right">性别：</th>
<td align="left" colspan="2">男</td>
</tr>
<tr>
<th align="right">出生年月：</th>
<td align="left" colspan="2">1978.12.02</td>
</tr>
<tr>
<th align="right">民族：</th>
<td align="left">汉族</td>
<th align="right">政治面貌：</th>
<td align="left">共青团员</td>
</tr>
<tr>
<th align="right">婚姻状况：</th>
<td align="left">未婚</td>
<th align="right">视力：</th>
<td></td>
</tr>
<tr>
<th align="left">户籍所在地：</th>
<td align="left">南京市秦淮区</td>
<th align="right">身高：</th>
<td align="left">0（cm）</td>
</tr>
<tr>
<th align="right">现居住地：</th>
<td align="left" colspan="3">南京市秦淮区</td>
</tr>
<tr>
<td class="blue" colspan="4">(目前从事工作情况)</td>
</tr>
<tr>
<th align="right">现工作单位：</th>
<td align="left">***</td>
<th align="right">参加工作年度：</th>
<td align="left">1998年</td>
</tr>
<tr>
<th align="right">目前从事岗位：</th>
<td align="left">信息工程</td>
<th align="right">从事现岗位时间：</th>
<td align="left">8年</td>
</tr>
<tr>
<th align="right">现职称级别：</th>
<td colspan="3"></td>
</tr>
<tr>
<td colspan="4" class="blue">（受教育情况）</td>
</tr>
<tr>
<th align="right">学历：</th>
<td align="left">本科</td>
<th align="right">毕业年度：</th>
<td align="left">1998</td>
</tr>
<tr>
<th align="right">所学专业：</th>
<td align="left" colspan="3">涉外会计</td>
</tr>
<tr>
<th align="right">毕业院校：</th>
<td align="left" colspan="3">金陵科技学院</td>
</tr>
<tr>
<th align="right">外语及水平：</th>
<td align="left" colspan="3">英语，普通英语六级；法语，一般</td>
</tr>
<tr>
<th align="right">学习简历：</th>
<td align="left" colspan="3">1995/1--1998/9金陵科技学院金融学</td>
</tr>
<tr>
<th align="right">继续教育情况：</th>
<td colspan="3"></td>
</tr>
<tr>
<th align="right">工作简历：</th>
<td align="left" colspan="3">
<PRE>
2000/3--2008：南京嘉腾科技有限公司
所属行业：计算机软件
EximbillsEnterprise项目经理
1.负责产品国际市场发展环境的分析,包括区域电信发展环境，重点运
营商经营发展战略、投资方向和客户需求的分析；侧重海外高端运营商
的市场培育、机会挖掘；
2.负责海外片区市场投资空间的中长期预测以及进行所辖区域市场竞争
格局的分析.参与市场规划，定期输出所辖区域的市场策略（市场目标
选择，市场竞争策略，产品策略以及合作策略等）；为产品的市场规划
和重大市场营销活动提供支持
3.在IBMWebsphere平台上用Java设计并开发国际结算系统EximBills
企业级版本，
参与系统设计过程，并撰写英文系统文档。用MSProject编写项目计
划，沟通各项目经理，海外市场销售团队与公司管理层，控制项目目标
与公司整体战略之间的平衡。
4.协调渣塔银行StandardCharteredBankMegellan项目，协助项目经理
沟通银行客户，保持中东公司实施团队与南京研发中心系统开发版本的
一致。为银行提供系统技术咨询服务并分五个阶段将整个项目
</PRE>
</td>
</tr>
<tr>
<th align="right">个人技能及特长：</th>
<td colspan="3" align="left">
<p>1.金融业务理论<br />2.Java软件开发<br />3.精通SQLServer开发<br />3.英语,法语流利<br />4.有较强的国际视野和跨文化沟通能力。
</p>
</td>
</tr>
<tr>
<th align="right">成果及获奖情况：</th>
<td colspan="3"></td>
</tr>
<tr>
<td colspan="4" align="left" class="blue">（求职意向）</td>
</tr>
<tr>
<th align="right">求职意向：</th>
<td align="left" colspan="3">信息技术经理/主管，科研人员，科研管理人员</td>
</tr>
<tr>
<th align="right">期望工作地点：</th>
<td align="left" colspan="3">南京市</td>
</tr>
<tr>
<th align="right">薪酬要求：</th>
<td align="left">面议</td>
<th align="right">工作方式：</th>
<td align="left">全/兼职</td>
</tr>
<tr>
<th align="right">对新工作的期望：</th>
<td align="left" colspan="3"></td>
</tr>
<tr>
<td colspan="4" align="left" class="blue">（其他资料）</td>
</tr>
<tr>
<th align="right">兴趣爱好：</th>
<td align="left" colspan="3">多年Java软件开发经验，英语,法语流利,有较强的国际视野和跨文化<br />沟通能力。MCSE,MCDBA,MCSD</td>
</tr>
<tr>
<td colspan="4" align="left" class="blue">（联系方式）</td>
</tr>
<tr>
<th align="right">联系电话：</th>
<td align="left">025-84589702</td>
<th align="right">住宅电话：</th>
<td align="left">025-84589702</td>
</tr>
<tr>
<th align="right">移动电话：</th>
<td align="left">13951725880</td>
<th align="right">联系人：</th>
<td align="left"></td>
</tr>
<tr>
<th align="right">E-MAIL：</th>
<td align="left">aaa@qq.com</td>
<th align="right">个人主页：</th>
<td align="left"></td>
</tr>
<tr>
<th align="right">对新工作的期望：</th>
<td align="left" colspan="3"></td>
</tr>
<tr>
<th align="right">聊天帐号：</th>
<td align="left" colspan="3"></td>
</tr>
<tr>
<th align="right">通讯地址：</th>
<td align="left" colspan="3">（）</td>
</tr>
</table>
</body>
</html>
总结：
> 表格：<table></table>
> 行：<tr></tr>
> 表头（自带加粗效果）：<th></th>
> 表格内容：<td></td>
> 对齐方式：align="left"/**左对齐**/
> 占据的单元数：colspan="3"
> 占据的列数：rowspan="4"
如果想要改变颜色需要在<head》里面添加style然后在body里面用class调用：
head部分：
<style>
.blue{
color: #2F76C0;
}
.red{
color: red;
}
</style>
body里面：
<td colspan="4" align="left" class="blue">（求职意向）</td>