效果如图:

其中,单击通信技术工程师会产生超链接跳转到另外一个页面中去,展示我在任职期间主要负责的工作内容:

其中,单击维护工程师会产生超链接跳转到另外一个页面中去,展示我在任职期间主要负责的工作内容:

单机照片也会产生跳转到另外一个页面的效果:

下面我将介绍主要建立流程与代码的过程:

首先,建立的四个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="data: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&nbsp;1182&nbsp;5298</td><td width="100" align="center">电子邮箱</td><td width="100" colspan="3" align="center"><u>2295106567</u>@qq.com</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>&nbsp;&nbsp;熟思计算机,尤其是笔记本硬件方面故障的排直及处理,曾获惠普工程师授权。熟练使用平面设计及办公软件。</p><p>&nbsp;&nbsp;有很好的团队意识和较强的责任心。思维清断、逻辑严谨沟通表达能力较强.文笔较好,做事专注。</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="data:images/证件照.jpg." border="0" alt="证件照" title="照片" width="30%" height="50%">
</body>
</html>

使用html制作个人简历(新手)相关推荐

  1. 求职特训营火热来袭 阿里大咖教你制作专业简历

    **简介:**金三银四黄金求职季,阿里专家倾心打造五节求职精品课程,从面试官角度切入讲解,帮助同学们五天快速掌握简历过关的技能,更有资深专家直播在线答疑! 一份高通过率的简历是什么样子?为什么你投了这 ...

  2. 求职特训营火热来袭,阿里大咖教你制作专业简历

    **简介:**金三银四黄金求职季,阿里专家倾心打造五节求职精品课程,从面试官角度切入讲解,帮助同学们五天快速掌握简历过关的技能,更有资深专家直播在线答疑! 一份高通过率的简历是什么样子?为什么你投了这 ...

  3. 像素游戏制作大师MV新手教程(二):素材的载入

    Step 1:取出素材 动作游戏制作大师MV新手向教程part2,将以"素材的载入,确认"为主题进行讲解. 让我们开始吧! ①活用范例游戏. 首先,打开教程part1时使用的范例「 ...

  4. Word怎么在图片上制作一个简历封面?

    Word怎么在图片上制作一个简历封面?Word中想要设计一个简历封面,该怎么设计呢?下面我们就来看看详细的制作方法,需要的朋友可以参考下 想要给自己的简历制作一个封面,该怎么制作一个风景图片效果的封面 ...

  5. Bootstrap——制作个人简历网页、工具类【边框(添加、删除、颜色、圆角)、清除浮动、颜色(文本、链接、背景)、display属性、浮动、定位、文本对齐】

    制作个人简历网页 代码: <!DOCTYPE html> <html><head><meta charset="UTF-8">< ...

  6. 秋招实习季,教你制作在线简历

    这篇教程教你制作的简历本质上是部署在Gitee上,依赖Gitee Pages服务的静态页面,制作它需要的知识仅包括前端三件套,即HTML.CSS和Javascript.当然,即使你没有任何代码基础,也 ...

  7. 使用form表单和table表格制作个人简历

    使用form表单和table表格制作个人简历 制作的如下图: 代码如下: <!DOCTYPE html> <html><head><meta charset= ...

  8. ppt如何制作个人简历?

    毕业在即,一份让人眼前一亮的个人简历ppt模板,将是一块非常好用的敲门砖,那么ppt模板制作个人简历操作方法是什么呢?ppt家园就来介绍一下简历ppt模板制作的技巧吧. 第一,打开powerpoint ...

  9. 手机wps怎么改html文件后缀名,手机WPS如何制作个人简历 WPS一键修改文档重命名方法分享...

    目前有着不少的用户都是用WPS手机版,但是大多数的用户都整个APP都还不是很熟悉,比如想要制作个人简历应该怎么操作?还有应该如何修改文档重命名呢?下面就和小编一起来详细的了解下吧. 手机WPS如何制作 ...

  10. 计算机简历封面制作教程,计算机应用 个人简历封面制作 制作个人简历封面教案.doc...

    环境评价与咨询服务专业教学资源库 电子教材 ·PAGE 157· <计算机应用>电子教材 制作个人简历封面 课程导入 在众多的求职者中,想让自己的简历吸人眼球,首先必须要一个漂亮的封面,李 ...

最新文章

  1. vb破解万能断点816c24
  2. sift+图像匹配 算法
  3. Windows8Windows Phone 做一个图片效果
  4. Kotlin 新版来了,支持跨平台!
  5. PHP数据处理之下载远程图片到本地
  6. 如何阅读科研文献-------------一点思考与总结
  7. p6spy mysql8_P6Spy监控SQL语句及性能测试
  8. 多任务学习 Multi-task learning
  9. illumina平台的一些扩增子测序项目介绍
  10. Plus版SBOM:流水线物料清单PBOM
  11. Ta-Lib用法介绍 !
  12. 曾国藩的做人做事之道:事不拖,话不多,人不作
  13. linux图像显示(五)使用freetype处理矢量字体
  14. 高通滤波器与低通滤波器
  15. 【POI1999】【BZOJ2936】降 水
  16. 【JDK7】新特性(8) 异步io/AIO
  17. 语言缩写c-a,常见的国家语言缩写以及语言的代码
  18. 全志A64 lichee编译脚本build.sh分析
  19. JAVA框架项目实战:系统公告设计及实现
  20. 在ArcGIS Catalog中删除rastercatalog图层后遇到的问题

热门文章

  1. 手机ttl刷机linux,机顶盒刷机基础,TTL科普及简单介绍,TTL安装应用方法
  2. 第2章企业管理中的经济学原理
  3. 汇总好玩的cmd命令大全
  4. 据说的屏蔽惠普增霸卡方法!
  5. matlab画森林图,R语言meta分析(4)网状Meta 分析
  6. 在线查服务器地址,工具|查询域名所在服务器的其他网站和IP
  7. 食堂饭卡管理系统C语言——课程设计实习
  8. Fortran入门教程(五)——选择结构
  9. 数据库SQL Server 基础知识思维导图
  10. latex模板章节序号标签加粗