码云链接:https://gitee.com/lengxiaoyixuan222/codes/z4dxnvr0ce2blpkihsg7985

源代码:

<!doctype html>

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>冷箫逸轩</title>
</head>
<body>
<head><meta http-equiv="Content-Type" content="text/html; charset=gbk//IGNORE"></meta><style>
html,body,p,ul,table,tr,td{margin:0;padding:0}
a{text-decoration:none}
li{list-style:none}
img{border:0 none}
body{font-family:'Microsoft YaHei';font-size:14px}
div,span,a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
table{border-collapse:collapse;border-spacing:0;border:0 none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
td{text-align:left}
.resume_clearfix{display:block;overflow:hidden;clear:both}
.all_wrap{width:693px}
.logo_divide{border-bottom:1px solid #b9b9b9}
.at{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.page{width:693px;margin:0 auto;padding:3px;background-color:#fff}
.gray{color:#919191 !important}
.l_green{color:#6d8194 !important}
.blue{color:#4567af !important}
.yellow{color:#fae001 !important}
.y_green{color:#a4b049 !important}
.s_blue{color:#00a0e9 !important}
.orange{color:#f39800 !important}
.resume_box{border:15px solid #efefef}
.company{font-size:12px;font-weight:bold}
.infomation_l{width:266px;vertical-align:top;background-color:#2d4e5c}
.top{margin:26px 0px 18px 0px}
.picture{text-align:center}
.name{height:40px;line-height:40px;font-size:18px;color:#fff;text-align:center}
.posi{width:265px;line-height:14px;text-align:center;padding:0 10px}
.mes_l{margin-left:20px}
.title{height:30px;font-weight:bold;color:#d8dcde}
.border_b2{margin-left:20px;border-bottom:1px solid #91a875}
.per_list{line-height:35px;font-size:12px;color:#d8dcde}
.title_iconl{*width:12px;padding-right:8px}
.title_icon1 img{margin-top:5px}
.b_border{border-top:1px solid #233c47}
.dir{vertical-align:top}
.limit1{width:180px}
.wid{width:225px}
.limit2{width:204px}
.con{position:relative;width:176px;height:16px;*height:15px;top:2px;border:1px solid #b9b9b9}
.rank{position:absolute;top:0;left:0;width:70%;height:16px;line-height:16px;text-indent:6px;top:0px;left:0px;background-color:#b9b9b9}
.email{max-width:146px;word-wrap:break-word}
.infomation_r{width:386px;vertical-align:top;padding-left:12px;background-color:#efefef}
.mes_r{margin-left:26px;padding:10px 0 16px 0}
.title_icon{*width:17px;padding-right:8px;border:0 none}
.title_icon img{margin-top:0px}
.title_txt{width:340px;height:28px;line-height:28px;font-weight:bold;color:#2d4e5c;text-align:left;border-bottom:1px solid #96a6ad}
.title_txt1{width:235px;height:27px;line-height:27px;font-weight:bold;color:#d8dcde;text-align:left}
.mes_boxl{margin:10px 0 22px 0}
.mes_detail{margin:10px 0px 16px 0px}
.mes_detail_a{margin-bottom:10px}
.mes_r .info_list{line-height:24px;font-size:12px;color:#000;overflow:hidden}
.mes_r .limit{width:290px}
.mes_r .edu{width:42px;line-height:15px;}
.mes_r .edu_a{width:100px;line-height:15px;}
.mes_r .reu{max-width:144px;line-height:15px;}
.mes_r .reu_a{max-width:190px;vertical-align:top;padding-right:20px}
.mes_r .in{line-height:22px;font-size:12px;color:#919191}
.mes_r .exp{width:180px}
.mes_r .pofi{width:106px;text-align:right;vertical-align:top}
.mes_r .edu1{width:206px;margin-right:20px}
.mes_r .edu2{width:220px;padding-right:20px}
.mes_r .edu2 span{display:block;width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.infomation_l2{width:276px;vertical-align:top;background-color:#466820} .title_txt_b{width:340px;height:12px;line-height:3px;font-weight:bold;color:#466820;text-align:left;border-bottom:1px solid #a2b68c}
.mes_l
.mer_right{line-height:22px;font-size:12px;color:#919191;padding-left:25px;}
</style></head><body><div xmlns="" class="page"><div class="all_wrap"><table class="resume_box"><tbody><tr>
<td class="infomation_l2">
<div class="top">
<p class="picture"><img src="4.jpg" alt="简历照片" width="140" height="148"></p>
<p class="name">冷箫逸轩</p>
</div>

<table class="border_b2"><tbody><tr class="title">
<td class="title_iconl" valign="middle"><img src="https://img03.51jobcdn.com/im/2017/resumetemplate/xsl/icon7_type1.png" width="12" height="13"></td>
<td class="wid"><span>个人信息</span></td>
</tr></tbody></table>

<div class="mes_boxl">

<table class="mes_l"><tbody>
<tr class="per_list">
<td><span>性别:</span></td>
<td><span class="y_green">女</span></td>
</tr>
<tr class="per_list">
<td><span>年龄:</span></td>
<td><span class="y_green">20</span></td>
</tr>
</tbody></table>

<table class="mes_l"><tbody><tr class="per_list">
<td class="dir"><span>籍贯:</span></td>
<td class="limit1"><span class="y_green">青海</span></td>
</tr></tbody></table>

<table class="mes_l"><tbody><tr class="per_list">
<td class="dir"><span>电话:</span></td>
<td class="limit2"><span class="y_green">12345678909</span></td>
</tr></tbody></table>

<table class="mes_l"><tbody><tr class="per_list">
<td class="dir"><span>博客:</span></td>
<td class="limit1"><span class="y_green"><a target="_blank" href="https://www.cnblogs.com/lengxiaoyixuan222/" class="lianjie">冷箫逸轩</a></span></td>
</tr></tbody></table>

</div>

</td>

<td class="infomation_r">

<table class="per_title"><tbody><tr>
<td class="title_icon" valign="middle"><img src="2.jpeg" alt="个人学历" width="17" height="16"></td>
<td width="340"><p class="title_txt_b">个人学历</p></td>
</tr></tbody></table>

<div class="mes_r">

<table><tbody><tr class="info_list">
<td class="edu"><span>本科:</span></td>
<td class="edu_a"><span class="gray">青海大学</span></td>
</tr></tbody></table>

<table><tbody><tr class="info_list">
<td class="edu"><span>年级:</span></td>
<td class="reu"><span class="gray">大二</span></td>
</tr></tbody></table>

<table><tbody><tr class="info_list">
<td class="edu"><span>专业:</span></td>
<td class="reu"><span class="gray">计算机科学与技术专业</span></td>
</tr></tbody></table>

</div>

<table class="per_title"><tbody><tr>
<td class="title_icon" valign="middle"><img src="1.jpg" alt="个人评价" width="17" height="16"></td>
<td width="340"><p class="title_txt_b">个人评价</p></td>
</tr></tbody></table>
<div class="mes_r">

<table><tbody><tr class="info_list">
<td class="exp"><span class="gray">唯泡泡水和火锅不可辜负</span></td>
</tr></tbody></table>

<table><tbody><tr class="info_list">
<td class="exp"><span class="gray">正处教育中的暴力者</span></td>
</tr></tbody></table>

<table><tbody><tr class="info_list">
<td class="exp"><span class="gray">跑步可以忘却一切</span></td>
</tr></tbody></table>

</div>

<table class="per_title"><tbody><tr>
<td class="title_icon" valign="middle"><img src="3.jpg" width="17" height="16"></td>
<td width="340"><p class="title_txt_b">文章分享</p></td>
</tr></tbody></table>

<div class="mes_r">
<p class="in">故今日之责任,不在他人,而全在少年。少年智则国智,少年富则国富,少年强则国强,少年独立则国独立,少年自由则国自由,少年进步则国进步,少年胜于欧洲,则国胜于欧洲,少年雄于地球,则国雄于地球。红日初升,其道大光;河出伏流,一泻汪洋。潜龙腾渊,鳞爪飞扬;乳虎啸谷,百兽震惶;鹰隼试翼,风尘吸张。奇花初胎,矞矞皇皇;干将妇硎,有作其芒。天戴其苍,地履其黄,纵有千古,横有八荒,前途似海,来日方长。美哉我少年中国,与天不老;壮哉我中国少年,与国无疆。
</p>

</div>

</tr></tbody></table></div></div></body></html>

</body>

</html>

效果图

个人简介HTML的更多相关文章

  1. ASP.NET Core 1.1 简介

    ASP.NET Core 1.1 于2016年11月16日发布.这个版本包括许多伟大的新功能以及许多错误修复和一般的增强.这个版本包含了多个新的中间件组件.针对Windows的WebListener服 ...

  2. MVVM模式和在WPF中的实现(一)MVVM模式简介

    MVVM模式解析和在WPF中的实现(一) MVVM模式简介 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在 ...

  3. Cassandra简介

    在前面的一篇文章<图形数据库Neo4J简介>中,我们介绍了一种非常流行的图形数据库Neo4J的使用方法.而在本文中,我们将对另外一种类型的NoSQL数据库——Cassandra进行简单地介 ...

  4. REST简介

    一说到REST,我想大家的第一反应就是“啊,就是那种前后台通信方式.”但是在要求详细讲述它所提出的各个约束,以及如何开始搭建REST服务时,却很少有人能够清晰地说出它到底是什么,需要遵守什么样的准则. ...

  5. Microservice架构模式简介

    在2014年,Sam Newman,Martin Fowler在ThoughtWorks的一位同事,出版了一本新书<Building Microservices>.该书描述了如何按照Mic ...

  6. const,static,extern 简介

    const,static,extern 简介 一.const与宏的区别: const简介:之前常用的字符串常量,一般是抽成宏,但是苹果不推荐我们抽成宏,推荐我们使用const常量. 执行时刻:宏是预编 ...

  7. HTTPS简介

    一.简单总结 1.HTTPS概念总结 HTTPS 就是对HTTP进行了TLS或SSL加密. 应用层的HTTP协议通过传输层的TCP协议来传输,HTTPS 在 HTTP和 TCP中间加了一层TLS/SS ...

  8. 【Machine Learning】机器学习及其基础概念简介

    机器学习及其基础概念简介 作者:白宁超 2016年12月23日21:24:51 摘要:随着机器学习和深度学习的热潮,各种图书层出不穷.然而多数是基础理论知识介绍,缺乏实现的深入理解.本系列文章是作者结 ...

  9. Cesium简介以及离线部署运行

    Cesium简介 cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎,一款开源3DGIS的js库.cesium支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区 ...

  10. 1.Hibernate简介

    1.框架简介: 定义:基于java语言开发的一套ORM框架: 优点:a.方便开发;           b.大大减少代码量;           c.性能稍高(不能与数据库高手相比,较一般数据库使用者 ...

随机推荐

  1. 1. cocos creator 连接服务端

    客户端向服务端发送 请求: this.network.send("/////",)  上面这段代码要写在logic.js中,(关于服务端的东西全部扔到logic中): ////中写 ...

  2. js 数字随机滚动(数字递增) 每日凌晨回到原点,重新计算

    html: <div class="textMon"> <!--<img src="./img/20180830160315.png" ...

  3. 你好git

    在老师的推荐下,这次我第一次打开了github,作为一个菜鸟,对于这些功能还是有些新奇的,所以也摸索了很久. GIthub是一个基于git的社会代码分享社区,可以建立公开的,免费的分享代码,也可以关注 ...

  4. Sql 无法解决 equal to 运算中 "Chinese_PRC_CI_AS" 和 "Chinese_PRC_90_CI_AI" 之间的排序规则冲突

    导致问题原因为创建时,表所使用的排序规则不一致 解决办法: 在对比条件后增加 collate Chinese_PRC_90_CI_AI 的转义即可 如: where test1.FieldName = ...

  5. js原型链的深度理解!

    一. 普通对象与函数对象 JavaScript 中,万物皆对象!但对象也是有区别的.分为普通对象和函数对象,Object .Function 是 JS 自带的函数对象.下面举例说明 var o1 = ...

  6. CentOS 7编译安装php7.0.7以及可能遇到的问题的解决方案

    https://blog.csdn.net/chenxiabinffff/article/details/51612149

  7. iptables工作常用操作

    正确的设置iptables命令汇总 iptables -P INPUT ACCEPT iptables -F iptables -X iptables -Z iptables -I INPUT -p ...

  8. python 基础之变量存储缓存机制与数据驻留小数据池

    一:变量存储的缓存机制 在同一文件(模块)里,变量存储的缓存机制 (仅对python3.x版本负责),那么 --对于Number (int bool float complex) 1.对于整型而言,- ...

  9. 深入理解CSS选择器优先级

    题外话 今天把 <CSS REFACTORING>(中文名叫<CSS重构:样式表性能调优>)电子书粗略的浏览了一遍,这本书很薄,150页左右,首先是介绍了什么是重构并举了两个简 ...

  10. springboot Cacheable(redis),解决key乱码问题

    import org.springframework.context.annotation.Bean; import org.springframework.data.redis.core.Redis ...