怎样用HTML做一份精美的简历(html5+css)

article/2025/10/25 18:47:48

先来看一下效果图:


代码:index.html

<!DOCTYPE html>
<html>
<head><title>简历二</title><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="../css/mystyle.css">
</head>
<body><div><table  width="800" align="center"><tr><td align="center"><p>个人简历</p></td><td ><img src="../img/p.jpg" width="130" height="130" alt="图片" align="right"></td></tr></table><table  align="center" width="800"><hr width="700" align="left"><tr><td>姓名:</td><td width="100" height="50"></td><td>性别:</td><td width="100" height="50"></td><td>民族:</td><td width="100" height="50"></td></tr><tr><td>出生年月:</td><td width="100" height="50"></td><td>联系电话:</td><td width="100" height="50"></td><td>工作经验:</td><td width="100" height="50"></td></tr><tr><td>学历:</td><td width="100" height="50"></td><td>专业:</td><td width="100" height="50"></td><td>毕业学校:</td><td width="100" height="50"></td></tr><tr><td>住址:</td><td height="50"></td></tr><tr><td>电子邮箱:</td><td height="50"></td></tr><tr><td>求职意向:</td><td height="50"></td></tr></table><hr width="800" align="center"><table align="center" width="800"><tr><td>目标职位</td><td height="50"></td></tr><tr><td>目标行业:</td><td height="50"></td></tr><tr><td>期望薪资:</td><td height="50"></td></tr><tr><td>期望地区:</td><td height="50"></td></tr><tr><td>爱好特长:</td><td height="50"></td></tr></table><hr width="800" align="center"><h4 align="left"> 自我评价</h4><hr width="800" align="center"><table align="center" width="800"></table></table></div>
</body>
</html>
css:
body{background: url(../img/bg2.jpg);}div{border:50px;border-radius: 5px;background: url(../img/b1.jpg);position: 80px;background-size: 100% auto;width: 65%;height: 100%;margin-left:auto;margin-right:auto}  p{font-size:40px;}  h4{font-size: 15px;padding-left: 26px;}
需要注意的是:代码中的路径问题(..表示上一级目录,.表示当前路径),图片可更改为自己喜欢的图片,这里就不上传了。


http://chatgpt.dhexx.cn/article/nGZTbYbO.shtml

相关文章

HTML+CSS实例:简单朴素的个人简历模板(HTML表格使用+css样式渲染)

个人简历模板 丑是丑了点&#xff0c;没有那么花里胡哨。。。 先看展示 代码实现 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"&g…

html+css个人简历/网页界面

代码如下&#xff1a; <!DOCTYPE html> <html><head><meta charset"utf-8" /><title>个人简历</title><link rel"stylesheet" href"css/li.css" /></head><body><div class"q&q…

2022最新简历模板

一份好的简历&#xff0c;要的不是花里胡哨&#xff0c;要的是简洁和内容相结合&#xff0c;这样的简历才是优秀的。 而且在排版设计上要适合HR快速阅读&#xff0c;用词、结构要专业。这样的简历模板&#xff0c;才是你需要的&#xff01; 下面我要分享几个免费高质量简历模…

设计模式--【模板模式】

在模板模式&#xff08;Template Pattern&#xff09;中&#xff0c;一个抽象类公开定义了执行它的方法的方式/模板。它的子类可以按需要重写方法实现&#xff0c;但调用将以抽象类中定义的方式进行。这种类型的设计模式属于行为型模式。 介绍 意图&#xff1a;定义一个操作中…

模板模式(设计模式)

模板模式 在模板模式(Template Pattern)中&#xff0c;一个抽象类公开定义了执行它的方法的方式/模板。它的子类可以按需要重写方法实现&#xff0c;但调用将以抽象类中定义的方式进行。这种类型的设计模式属于行为型模式。 1.介绍 意图&#xff1a;定义一个操作中的算法的骨架…

【JavaSE】Java设计模式详解(二)抽象模板模式

&#x1f481; 个人主页&#xff1a;Nezuko627的博客主页 ❤️ 支持我&#xff1a;&#x1f44d; 点赞 &#x1f337; 收藏 &#x1f918;关注 &#x1f38f; 格言&#xff1a;立志做一个有思想的程序员 &#x1f31f; &#x1f4eb; 作者介绍&#xff1a;本人本科软件工程在读…

设计模式之模板设计模式

设计模式之模板设计模式 代码下载 1.概念 定义一个操作中的算法的骨架&#xff0c;而将一些步骤延迟到子类中。Template Method使得子类可以不改变一 个算法的结构即可重定义该算法的某些特定步骤。 2.类图 代码下载

10.7 抽象类最佳实践-模板设计模式

10.7.1 基本介绍 10.7.2 模板设计模式能解决的问题 10.7.3 最佳实践 abstract public class Template { //抽象类-模板设计模式 public abstract void job();//抽象方法 public void calculateTime() { //实现方法&#xff0c;调用 job 方法 //得到开始的时间 long start …

【设计模式-模板模式】

设计模式-模板模式 模板模式模板模式的优缺点实现模板代码 模板模式 在模板模式&#xff08;Template Pattern&#xff09;中&#xff0c;一个抽象类公开定义了执行它的方法的方式/模板。它的子类可以按需要重写方法实现&#xff0c;但调用将以抽象类中定义的方式进行。这种类…

设计模式学习(一)—— 模板方法设计模式

设计模式在开发当中有时候挺重要的&#xff0c;可以让你的代码设计变得更加合理巧妙。方便开发。这篇作为我学习设计模式的开篇啦。平时其实也看了不少&#xff0c;就是没用到就没那么深刻&#xff0c;有时候也很懒去记录这些东西。所以现在写出来&#xff0c;也好自己学习整理…

设计模式-模板模式及应用

一般生活中我们办理一件事需要一套指定的流水线。例如银行办事&#xff0c;需要先去营业厅取号、排队、办理业务、综合评分。这一套固有的流程&#xff0c;取号、排队、综合评分等都是固定的&#xff0c;不同的客户会办理不同的业务&#xff0c;只有这块是没个客户不同的。类似…

Java设计模式——模板设计模式

模板设计模式 1.模板模式简介 模板模式&#xff08;Template &#xff09;&#xff1a;模板方法模式是类的行为模式。准备一个抽象类&#xff0c;将部分逻辑以具体方法以及具体构造函数的形式实现&#xff0c;然后声明一些抽象方法来迫使子类实现剩余的逻辑。不同的子类可以以…

【设计模式】--模板模式

豆浆制作 编写制作豆浆的程序&#xff0c;说明如下: 制作豆浆的流程 选材—>添加配料—>浸泡—>放到豆浆机打碎通过添加不同的配料&#xff0c;可以制作出不同口味的豆浆选材、浸泡和放到豆浆机打碎这几个步骤对于制作每种口味的豆浆都是一样的请使用 模板方法模式 …

Java 设计模式 --- Template 模式 Java Template 模式 Java 模板设计模式

Java 设计模式 --- Template 模式 Java Template 模式 Java 模板设计模式 一、概述 模板设计模式&#xff1a; 父类定义通用抽象的功能方法&#xff0c;子类负责具体的实现。 本文将以一个通用的定时任务&#xff0c;处理模式&#xff0c;来讲解java 模板设计模式。 假设定时任…

设计模式——模板设计模式

一 前言 在面向对象开发过程中&#xff0c;通常会遇到这样的一个问题&#xff0c;我们知道一个算法所需的关键步骤&#xff0c;并确定了这些步骤的执行顺序&#xff0c;但是&#xff0c;某些步骤的具体实现是未知的&#xff0c;或者说某些步骤的实现是会随着环境的变化而改变&…

java设计模式之模板方法设计模式

什么是模板方法设计模式 模板方法是基于继承实现的&#xff0c;在抽象父类中声明一个模板方法&#xff0c;并在模板方法中定义算法的执行步骤(即算法骨架)。在模板方法模式中&#xff0c;可以将子类共性的部分放在父类里实现&#xff0c;而特性部分在子类中实现&#xff0c;只需…

一文搞懂设计模式--模板模式

Hi&#xff0c;大家好。今年的天气实在是太热了&#xff0c;七月份的厦门晒得我觉得身上冒出了烤肉香&#xff0c;不知道各位是否安好&#xff0c;但是在再热的天气也不能阻止我们学习的热情&#xff08;doge&#xff09;。今天的主题是模板&#xff08;Template Method&#x…

设计模式 – 模板设计模式

模板设计模式 模板方法模式&#xff08;Template Method Pattern&#xff09;&#xff0c;又叫模板模式(Template Pattern)&#xff0c;在一个抽象类公开定义了执行它的方法的模板。它的子类可以按需要重写方法实现&#xff0c;但调用将以抽象类中定义的方式进行。 该模式的主…

【设计模式】模板模式

博主声明&#xff1a; 转载请在开头附加本文链接及作者信息&#xff0c;并标记为转载。本文由博主 威威喵 原创&#xff0c;请多支持与指教。 本文首发于此 博主&#xff1a;威威喵 | 博客主页&#xff1a;https://blog.csdn.net/smile_running 这是23种设计模式中的模板模…

设计模式之模板模式(C++)

作者&#xff1a;翟天保Steven 版权声明&#xff1a;著作权归作者所有&#xff0c;商业转载请联系作者获得授权&#xff0c;非商业转载请注明出处 一、模板模式是什么&#xff1f; 模板模式是一种行为型的软件设计模式&#xff0c;在父类中定义了一个模板算法&#xff0c;只实现…