效果如图：
其中，单击通信技术工程师会产生超链接跳转到另外一个页面中去，展示我在任职期间主要负责的工作内容：
其中，单击维护工程师会产生超链接跳转到另外一个页面中去，展示我在任职期间主要负责的工作内容：
单机照片也会产生跳转到另外一个页面的效果：
下面我将介绍主要建立流程与代码的过程：
首先，建立的四个html网页，并且加入一张.jpg证件照的文件在images中，目录栏的内容如下：
张孟含的个人简历.html代码：
<!DOCTYPE html>
<html>
<head>
<title>张孟含的个人简历</title>
<meta charset="utf-8">
</head>
<body>
<h1 align="center">个人简历</h1>
<!-- 这是一个表格标签 -->
<table width="50%" height="30%" cellpadding="5px" cellspacing="0" border="1" align="center">
<tr align="center">
<th colspan="7" bgcolor="lightgray">基本信息</th>
</tr>
<tr>
<td width="100" align="center">姓名</td>
<td width="100" align="center">张孟含</td>
<td width="100" align="center">性别</td>
<td width="100" align="center">女</td>
<td width="100" align="center">出生年月</td>
<td width="100" align="center"><i>2001/10/09</i></td>
<td width="100" rowspan="4" align="center"><a href="张孟含的证件照.html" target="_blank"><img src="images/证件照.jpg."
border="0" alt="证件照"
title="照片" width="100%"
height="100%"></a>
</td>
</tr>
<tr>
<td width="100" align="center">民族</td>
<td width="100" align="center">汉</td>
<td width="100" align="center">婚姻状况</td>
<td width="100" align="center">否</td>
<td width="100" align="center">政治面貌</td>
<td width="100" align="center">中共党员</td>
</tr>
<tr>
<td width="100" align="center">籍贯</td>
<td width="100" align="center">河北石家庄</td>
<td width="100" align="center">学历</td>
<td width="100" align="center">硕士学位</td>
<td width="100" align="center">现所在地</td>
<td width="100" align="center">江西省南昌</td>
</tr>
<tr>
<td width="100" align="center">毕业院校</td>
<td width="100" colspan="2" align="center">华东交通大学</td>
<td width="100" align="center">所学专业</td>
<td width="100" colspan="2" align="center">计算机科学与技术</td>
</tr>
<tr>
<td width="100" align="center">手机号码</td>
<td width="100" colspan="2" align="center">155 1182 5298</td>
<td width="100" align="center">电子邮箱</td>
<td width="100" colspan="3" align="center"><u>2295106567</u>@qq</td>
</tr>
<tr>
<td width="100" align="center">意向职位</td>
<td width="100" colspan="6">计算机运营总监</td>
</tr>
<tr align="center">
<th colspan="7" bgcolor="lightgray">教育背景</th>
</tr>
<tr>
<td width="100" colspan="2" align="center">起止时间</td>
<td width="100" colspan="2" align="center">毕业院校</td>
<td width="100" colspan="2" align="center">专业</td>
<td width="100" align="center">学历</td>
</tr>
<tr>
<td width="100" height="18" colspan="2" align="center">2019.09-2023.06</td>
<td width="100" height="18" colspan="2" align="center">华东交通大学</td>
<td width="100" height="18" colspan="2" align="center">计算机专业</td>
<td width="100" height="18" align="center">本科</td>
</tr>
<tr>
<td width="100" height="18" colspan="2" align="center">2023.09-2025.06</td>
<td width="100" height="18" colspan="2" align="center">复旦大学</td>
<td width="100" height="18" colspan="2" align="center">计算机专业</td>
<td width="100" height="18" align="center"> 硕士</td>
</tr>
<tr>
<td width="100" height="18" colspan="2"></td>
<td width="100" height="18" colspan="2"></td>
<td width="100" height="18" colspan="2"></td>
<td width="100" height="18"></td>
</tr>
<tr align="center">
<th colspan="7" bgcolor="lightgray">工作经历</th>
</tr>
<tr>
<td width="100" colspan="2" align="center">起止时间</td>
<td width="100" colspan="2" align="center">公司名称</td>
<td width="100" colspan="3" align="center">职位</td>
</tr>
<tr>
<td width="100" height="18" colspan="2" align="center">2022.01-2023.07</td>
<td width="100" height="18" colspan="2" align="center">abc网络有限公司</td>
<td width="100" height="18" colspan="3" align="center"><a href="通信技术工程师的超链接.html" target="_blank">通信技术工程师</a>
</td>
</tr>
<tr>
<td width="100" height="18" colspan="2" align="center">2023.01-2024.07</td>
<td width="100" height="18" colspan="2" align="center">野格计算机有限公司</td>
<td width="100" height="18" colspan="3" align="center"><a href="维护工程师的超链接.html" target="_blank">维护工程师</a></td>
</tr>
<tr>
<td width="100" height="18" colspan="2" align="center"></td>
<td width="100" height="18" colspan="2" align="center"></td>
<td width="100" height="18" colspan="3" align="center"></td>
</tr>
<tr>
<td width="100" height="100" colspan="2" align="center"><b>技能</b></td>
<td colspan="5">
<p>语言技能:英语CET6.俄语，雅思600分。<br/>
专业技能:熟器PS. Al等软件操作，掌握CADAEPR等脑图工具，精通PPT操作。
</p>
</td>
</tr>
<tr>
<td width="100" height="100" colspan="2" align="center"><b>荣誉</b></td>
<td colspan="5">
<div>所持证书:英语四级证书，普通话二级甲等证书、教师资格证,会计证。</div>
<div>本科阶段:校级三好学生、系级三好学生、优秀学生干部、优秀主持人、国家奖学金。</div>
<div>专利：申报产品专利2项，软件著作权2件。</div>
</td>
</tr>
<tr>
<td width="100" height="100" colspan="2" align="center"><b>自我评价</b></td>
<td colspan="5"><p> 熟思计算机,尤其是笔记本硬件方面故障的排直及处理，曾获惠普工程师授权。熟练使用平面设计及办公软件。</p>
<p> 有很好的团队意识和较强的责任心。思维清断、逻辑严谨沟通表达能力较强.文笔较好,做事专注。</p>
</td>
</tr>
</table>
</body>
</html>
维护工程师有一个超链接.html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>维护工程师</title>
</head>
<body>
<h1>任职维护工程师主要负责:</h1>
<p>1.负责办公室的计算机/网络通信系统维护;2.梦与讨论及实施各系统的软硬件开级任务:3.管理IT部门<br/>
资产,协调资源保证各系统正常运行; 4.依照公司政策监督用户计算机软硬件使用情况;
</p>
</body>
</html>通信技术工程师也有一个超链接代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>通信技术工程师</title>
</head>
<body>
<h1>任职通信技术工程师主要负责:</h1>
<p>1.城区/县城。高速/高铁语音GSM/TD和数据EDGEDT.CQT的测试优化及撰写报告:2. RCU/ATU 的后台<br/>
统计分析及监控。相关表格的跟踪及汇总;3.通信保障测试优化;4,室内分布系统信号覆盖的助察和验收测<br/>
试;5、投诉处理及拆站评估测试;
</p>
</body>
</html>其中点击图片也有一个图片的超链接动作代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>张孟含的证件照</title>
</head>
<body>
<img src="images/证件照.jpg." border="0" alt="证件照" title="照片" width="30%" height="50%">
</body>
</html>更多推荐
使用html制作个人简历（新手）
发布评论