使用html和css创建静态网页版的个人简历
2024-06-30 14:03:23
个人学习过程的记录之静态网页简历制作。
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>张三的简历</title><style>* {margin: 0px;padding: 0px;}.page {margin-top: 50px;margin-left: 200px;background-color: white;border: 2px solid lightblue;height: 1200px;width: 900px;}.left {margin-top: 20px;background-color: #F9F9F9;height: 1050px;width: 225px;}h3 img {width: 25px;height: 25px;}.i1 {height: 120px;widows: 100px;margin-top: 20px;margin-left: 50px;}.right {margin-left: 245px;width: 630px;height: 730px;margin-top: -1035px;}.s1 {font: 400 12px 宋体;color: #239AD6;width: 50px;height: 20px;border-radius: 28%;background-color: #DFF5F6;line-height: 20px;margin-top: 10px;}h3 {vertical-align: middle;}.name {font: 700 25px 宋体;margin-top: 20px;margin-left: 75px;}.sex {font: 400 20px;margin-top: 8px;margin-left: 98px;}h2 {font: 400 15px 微软雅黑;margin: 10px 20px;}.contact {font: 400 14px 微软雅黑;margin-top: 15px;line-height: 25px;/*定义行间距 */}.base {margin-left: 20px;}.base dt {padding-top: 15px;}.base dd {padding-top: 8px;font: 400 15px 微软雅黑;}.right dt {padding-top: 15px;}.judge {font: 400 13px 微软雅黑;margin-top: 10px;}.right dd {margin-left: 22px;font: 400 15px 微软雅黑;line-height: 25px;color: #332e3d;padding-top: 5px;}.school p {font: 700 17px 微软雅黑;}.school p span {font: 400 10px 微软雅黑;color: #ACB3C2;margin-left: 10px;}.ec {font: 700 15px 微软雅黑;}.xiaohui {width: 60px;height: 50px;margin-left: 590px;}.grade {margin-top: -25px;}.use {margin-top: -45px;}</style>
</head><body><div class="page"><div class="left"><img class="i1" src="zhangsan.jpg" alt=""><p class="name">张三</p><p class="sex">男</p><h2>求职意向：Java开发工程师</h2><dl class="base"><p class="contact">手机    123-3454-3980<br>邮箱    zhangsan@163.com</p><dt><h3><img src="base.jpg" alt="">基本信息</h3></dt><dd>居住地 某省 某市 某区</dd><dd>民族 汉族</dd><dt><h3><img src="bility.jpg" alt="">职业技能</h3></dt><dd>JAVA语言 熟练</dd><dd> c语言 熟练</dd><dd>SQL 熟练</dd><dd>HTML 掌握</dd><dd>css 掌握</dd><dd>C++ 熟练</dd><dt><h3><img src="hobby.jpg" alt="">兴趣爱好</h3></dt><dd>读书</dd><dd>唱歌</dd></dl></div><div class=right><dl><dt><h3><img src="selfjudge.jpg" alt="">自我评价</h3></dt><dd class="judge">求职意向：Java开发工程师<br>4个相关项目经验，熟悉JAVA SpringBoot，MySQL和前端框架技术 有较好 的编程基础，有较强的分析、组织和解决问题的能力 有快速学习能力和较高 承压能力。</dd><dt> <h3><img src="education.jpg" alt="">教育背景</h3></dt><img class="xiaohui" src="校徽.jpg" alt=""><dd class="school"><p class="use">中国某某大学<span>2018-09 至 2022-06</span></p></dd><dd class="grade">计算机学院 软件工程 本科 4.7/5.0（专业前5％）</dd><dd><span class="ec">教育经历：</span></dd><dd>国家励志奖学金（2019.2020）<br>校级优秀共青团干部（2019.5.4）<br>优秀学生干部（2019.12,2020.12）<br>三好学生（2020.12）</dd><br><dd><span class="ec">相关课程：</span><span> JAVA程序设计 / 数据结构 / 数据库原理与应用 / 计算机组成原 理 / 操作系统 / 计算机网络 / 离散数学 / 软件建模技术 / 面向对象程序设计 / 概率论与数理统计 / 数字逻辑</span></dd><dt> <h3><img src="school.jpg" alt="">在校经历</h3></dt><div class="s1">社团经历</div><dd class="school"><p>新闻协会<span>2019-11 至 2020-10</span></p></dd><dd>宣传部部长</dd><dd>担任新闻协会宣传部部长，设计宣传海报和书签，协会举办的活动在校园内 累计参加人次超过3000人。 </dd><div class="s1">学生职务</div><dd class="school"><p>班长<span>2018-09 至今</span></p></dd><dd>担任班长一职 ，多次组织班级活动，与同学沟通顺利，协作融洽，在班级收 到不错的反响，并获得优秀学生干部荣誉。</dd><div class="s1">奖学金</div><dd class="school"><p>国家励志奖学金<span>2020-11</span></p></dd><dt><h3><img src="zhengshu.jpg" alt="">资格证书</h3></dt><dd class="school"><p>CET-6</p></dd><dd>能够熟练阅读英文的专业技术文档</dd></dl></div></div>
</body></html>
效果图
使用html和css创建静态网页版的个人简历相关推荐
- asp是什么文件？html和asp的区别？（HTML是客户端语言，主要用于创建静态网页；asp是服务器端语言，用于设计用户交互式页面或动态页面）
1.HTML是一种客户端语言,它允许Web浏览器解析并显示在标签之间写入的内容,允许把图像和对象嵌入到网页中.ASP是一种服务器端语言,这意味着写入的代码将被发送到服务器中,并根据要求执行的操作返回一 ...
- HTML+CSS+JavaScript 静态网页实例
HTML+CSS+JavaScript 静态网页实例 静态网页链接 网页 源码地址
- 食品商城网站设计—食品商城购物网站(8页) HTML+CSS+JavaScript 静态网页的制作
HTML5期末大作业:食品商城网站设计--食品商城购物网站(8页) HTML+CSS+JavaScript 静态网页的制作 文章目录 HTML5期末大作业:食品商城网站设计--食品商城购物网站(8页) ...
- HTML5期末大作业：食品商城网站设计——食品商城购物网站(8页) HTML+CSS+JavaScript 静态网页的制作
HTML5期末大作业:食品商城网站设计--食品商城购物网站(8页) HTML+CSS+JavaScript 静态网页的制作 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物 ...
- 网页版2048html制作,基于HTML+CSS+JS的网页版2048的实现
ELECTRONICS WORLD·j6: 雾 与 粤 赛 基 于HTM L+CSS+J S的网页:I~2 048的实现 [摘要 ]描述了一个使用HTML和css进行uI界面设计,使用Js进行后台逻辑 ...
- HTML\CSS实现静态网页附完整代码【W3school主页】
实现这个静态网页主要是为了练习HTML\CSS语言,让自己加深印象. 选择的网页是W3school的主页 一.效果对比 从对比能看出,和原版还是有很多的不同.还是可以继续细细打磨的. 1.顶部 2.底 ...
- 仿英雄联盟纯html+css+js LOL网页版
前言: 第一次接触这个平台(新手程序员),我是一个大二在校生(专业:前端开发)因期末考试需要被逼无奈做了一个LOL网页版.这个项目中并未用到Jquery(并未学到).网页所有的流程都是自己一个人完成, ...
- 基于HTML和css的静态网页仿写
具体效果为: 采用的技术主要有: position定位 浮动布局 弹性盒子布局 a链接 伪类 表格表单等等 首先全局设置为: *{margin: 0%;padding: 0%;}ul,ol{list- ...
- HTML+CSS美食静态网页设计——八大菜系介绍舌尖上的美食5页
⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 精彩专栏推荐 美食网页介绍 | 甜品蛋糕 | 地方美食小吃文化 ...
最新文章
- mac mysql utf 8编码_MacOS下MySQL设置UTF8编码问题
- Oracle四舍五入，向上取整，向下取整
- Windows Azure 新上线网络相关服务
- Net平台下的分布式缓存设计
- Understanding CMS GC Logs--转载
- 在以下说法错误的是_关于犬麻醉常见的错误认知
- Java程序员如何在5年内从小白晋升为高手？
- jpa和hibernate_使用JPA和Hibernate有效删除数据
- MyBatis复习(三)：MyBatis核心对象SqlSessionFactory和SqlSession
- 内核同步 （来自chinaunix总结）
- oracle hwm的位置,Oracle 高水位(HWM)教程(2)
- vs2008怎么创建c语言程序,VS2008的使用
- __bridge，__bridge_transfer和__bridge_retained详解
- 简单五子棋（单机版-C）
- reporting php,PHP报错函数error_reporting()怎么用？
- 网站服务器带宽2m怎么样,云服务器2m带宽够用吗
- Java正则表达式提取字符的方法实例
- 智能优化算法之松鼠算法(Squirrel search algorithm)
- 百度地图API底色主题更换
- git push 卡住不动的解决