html制作个人简历

最新推荐文章于 2024-07-02 17:28:29 发布
最新推荐文章于 2024-07-02 17:28:29 发布
阅读量2.7w 收藏 451
点赞数 56
分类专栏： 简历 文章标签： html linq webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64242574/article/details/124848714
版权

前几天我为大家介绍了些html的标签，利用这些标签咱们可以简单制作个简历，来巩固知识。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人简历</title>
</head>
<body background="01bb62571600ba32f8758c9b79b318.jpg@2o.jpg">
    <h4 align="center">个 &nbsp;&nbsp;人 &nbsp;&nbsp;简 &nbsp;&nbsp;历</h4>
    <table align="center" border="1" width="600" height="700" cellspacing="0">
        <tr align="center" height="40">
            <th  >姓名</th>
            <td >蜡笔小新</td>
            <th>性别</th>
            <td >男</td>
            <td rowspan="3" cellpadding="0"><img src= "t01cf5f026b38160b27.jpg" width="120" height="120" ></td>
        </tr>
        <tr align="center" height="40">
            <th>出生年月</th>
            <td >2002-04-07</td>
            <th>籍贯</th>
            <td >黑龙江省</td>
            
        </tr>
        <tr align="center" height="40">
            <th>政治面貌</th>
            <td >共青团员</td>
            <th>民族</th>
            <td >汉族</td>
        </tr>
        <tr align="center" height="40">
            <th>联系电话</th>
            <td >1310092188</td>
            <th>邮箱</th>
            <td  colspan="2">1310222101@qq.com</td>
        </tr>
        <tr height="40">
            <th>毕业院校</th>
            <td align="center">清华大学</td>
            <th>专业</th>
            <td align="center" colspan="2">软件工程</td>
        </tr>
        <tr height="40">
            <th>学历</th>
            <td align="center">本科</td>
            <th>应聘岗位</th>
            <td align="center" colspan="2">WEB前端工程师</td>
        </tr>
        <tr height="40">
            <th>家庭住址</th>
            <td align="center" colspan="4">黑龙江省齐齐哈尔</td>
        </tr>
        <tr height="40">
            <th align="center" rowspan="5">个人经历</th>
            <th>起止时间</th>
            <th>工作单位</th>
            <th>职务</th>
            <th>工作情况</th>
        </tr>
        <tr align="center" height="40">
            <td>2017-2020</td>
            <td>清华大学</td>
            <td>学生</td>
            <td>学习良好</td>
        </tr>
        <tr align="center" height="40">
            <td>2020-2021</td>
            <td>腾讯公司</td>
            <td>实习生</td>
            <td>表现优异</td>
        </tr>
        <tr align="center" height="40">
            <td>2021-2022</td>
            <td>腾讯公司</td>
            <td>web前端工程师</td>
            <td>表现不错</td>
        </tr>
        <tr align="center" height="40">
            <td>2022-2023</td>
            <td>字节跳动</td>
            <td>项目经理</td>
            <td>表现优异</td>
        </tr>
        <tr height="40">
            <th height="50">个人能力</th>
            <td colspan="4">能够熟练使用JavaScript,html.css,并且对于一些框架很熟悉，精通VUE框架</td>
        </tr>
        <tr height="40">
            <th height="50">兴趣</th>
            <td colspan="4">篮球，健身。</td>
        </tr>
        <tr height="40">
            <th height="50">个人评价</th>
            <td colspan="4">有较强的动手能力，喜欢自己开发软件和程序，曾经获得过某某奖项</td>
        </tr>
        
       
    </table>
</body>
</html>

效果如图

图中所涉及的图片，大家可以替换成自己的，也可以私信我要。如果发现错误，欢迎大家指正批评 

正在努力的前端小白
关注
  • 56
    点赞
  • 踩
  • 451
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
HTML制作简单个人简历
qq_53093252的博客
06-02 341
1.代码 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <...
HTML制作个人简历的简单实现
09-28
HTML制作个人简历的知识点： HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。它通过一系列的标签（tags）来定义网页的内容和结构。个人简历的制作，通常是网页制作中一个...
博主推荐HTML制作一个美观的个人简介网页（附源码）
05-13
HTML制作一个美观的个人简介网页，利用HTML制作一个美观的个人简介网页，可以在这个基础上修改自己的个人简介信息，然后直接使用，可以直接运行，兼容pc端web和手机端web；
【博主推荐】HTML5实现简洁好看的个人简历网页模板源码
最新发布
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
07-02 1416
HTML5实现简洁好看的个人简历网页模板源码，全网最火的个人简历网站源码，大作业求职简历源码，个人主页源码，大作业个人网站源码，大作业个人简历源码，网站模板，页面内容有首页、关于我、工作经验、学习教育、个人技能、专业特长、朋友评价、个人奖状、联系我等功能块，用到表单、表格、自适应布局、锚点、轮播图等技术点，各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
html制作好看的个人简历(附源码)
热门推荐
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
03-29 3万+
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下，扩展更多其他效果。
纯HTML个人简历超简洁模板
zhao19990816的博客
01-30 1万+
纯HTML个人简历超简洁模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&
html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)
BASK2312的博客
05-19 1万+
动态的朦胧天空背景图，可以配置个人职业技能，大图标，姓名，年龄，性别，手机号，邮箱，qq号，居住地，户籍，学历，学校，专业等信息，也可以扩展新的。动态的朦胧天空背景图，可以配置自己的图标，个人名言，名字，职称，邮箱，手机号，工作地址等信息，也可以扩展新的。动态的科技线路背景图，可以配置个人工作过的公司，工作的时间，负责的项目，开发工具等信息，也可以扩展新的。动态的科技线路背景图，可以配置个人教育的学校，时间，几学到的东西等信息，也可以扩展新的。出来，个人的掌握的工具，及熟练度等信息，也可以扩展新的。
用html制作一个简历
QwwwQxx的博客
03-20 7979
【代码】用html制作一个简历。
html个人简历表格制作
01-17
html个人简历表格制作
html制作好看的个人简历(源码)
03-29
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下...
利用html+css制作个人简历
WeiComp
04-02 1万+
使用html和css，制作一份个人简历（内容比较基础，上手容易）
html表格之个人简历
qianqianyunyan的博客
07-18 1万+
html表格属性制作个人简历（简易版）
html创建简历
怪咖`Blog
06-21 3420
html创建简历
用纯html写个个人简历！模版分享啦！！！
qqhxmdq的博客
09-19 2471
3. 初学程序员的码农小朋友们，可以学学网页制作，在这个框架横行的世代，学好基础是一件多么可贵的事情。比如我们的时间轴，统计图，都可以学它一学！2. 程序员可以自己加些后台，做个个人简历制作网站，圆自己一个站长梦，是不是还能增加点睡后收入？1. 改一改后台显示内容，换成自己的信息。那，它就是一个美呆了的个人简历。仅仅一个html页面，完全没有乱七八糟，保证学的明明白白。个人照片，简介，经历时间轴，个人技能统计，个人情况说明。那么，这么优雅的模板在哪儿下载呢？那么，这样的模板到底有什么用呢？
HTML+CSS实现个人简历
flyailin的博客
10-18 9703
刚学联手的
使用html和css制作静态网页版的个人简历
wwwwwwwangdanni的博客
09-23 1万+
使用html和css制作静态网页版的个人简历以上就是我写的简单的网页个人简历内容。
利用HTML简单语句来制作个人简历
Fug_Lee的博客
03-22 4153
HTML简单语句来实现个人简历
HTML5+CSS——个人在线简历
qq_51608866的博客
07-10 4315
HTML个人简历
HTML实现个人简历
weixin_59269336的博客
08-20 2万+
<!DOCTYPE html> <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title>个人简历</title> <style type="text/css"> #person_photo { background-color: #f2f2f2; } #email,#phone { font-s
html 个人简历带美化带背景
05-26
你可以使用以下步骤来创建一个带有美化和背景的个人简历： 1. 创建一个新的HTML文件，并命名为“resume.html”。 2. 在文件的头部添加以下代码来定义文档类型和字符编码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>My Resume</title> </head> ``` 3. 添加一个样式标签，来定义页面的样式： ```html <style> body { background-image: url("background.jpg"); background-size: cover; font-family: Arial, sans-serif; color: #333; } header { background-color: #eee; padding: 20px; text-align: center; } h1 { margin: 0; font-size: 36px; } h2 { margin-top: 30px; margin-bottom: 10px; font-size: 24px; } p { margin: 0 0 10px 0; } ul { list-style-type: none; margin: 0; padding: 0; } li { margin-bottom: 10px; } .section { padding: 20px; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); margin-bottom: 30px; } .section:last-of-type { margin-bottom: 0; } </style> ``` 这些样式定义了背景图片，标题和段落的字体和颜色，以及每个小节的样式。 4. 在文档中添加一个header元素，用来展示你的姓名和头像： ```html <header> <img src="profile.jpg" alt="Profile Picture"> <h1>John Doe</h1> </header> ``` 5. 添加一个主体元素，然后在其中添加你的工作经历、教育背景等信息： ```html <body> <div class="section"> <h2>Work Experience</h2> <ul> <li> <h3>Software Engineer</h3> <p>XYZ Company</p> <p>June 2018 - Present</p> <ul> <li>Developed new features for web application using React and Node.js</li> <li>Performed code reviews and mentored junior developers</li> <li>Collaborated with product team to define requirements and scope</li> </ul> </li> <li> <h3>Software Developer</h3> <p>ABC Corporation</p> <p>January 2016 - May 2018</p> <ul> <li>Worked on mobile app development using Java and Android SDK</li> <li>Implemented new features and improved performance of existing codebase</li> <li>Participated in Agile development process and daily stand-ups</li> </ul> </li> </ul> </div> <div class="section"> <h2>Education</h2> <ul> <li> <h3>Bachelor's Degree in Computer Science</h3> <p>University of XYZ</p> <p>Graduated in May 2015</p> </li> </ul> </div> </body> ``` 6. 最后，将你的个人简历文件和你的背景图片和头像图片放在同一个文件夹中，并将文件名与代码中的相应文件名匹配即可。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值