码云链接: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. penn treebank的说明,包括很多语法知识

    penn数据库说明 http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.9.8216&rep=rep1&type=pdf

  2. MySQL_优化

    MySQL优化(http://www.cnblogs.com/zengkefu/p/5683438.html) 1.explain+索引. 在你要查询的语句前加explain,看下有没有用到索引,如果 ...

  3. SpringSecurity身份验证基础入门

    对于没有访问权限的用户需要转到登录表单页面.要实现访问控制的方法多种多样,可以通过Aop.拦截器实现,也可以通过框架实现(如:Apache Shiro.Spring Security). pom.xm ...

  4. 普通Linux用户1分钟上手vi编辑器

    *导读:普通用户只要花1分钟看第二部分即可.高级用户请忽略本文* 目录 1. 编辑器之战 2. vi的使用 2.1 vi的3个模式 2.2 vi的3个模式切换 2.3 vi最基本的命令 2.4 vi的 ...

  5. Linux下安装gradle

    Linux下安装gradle 1. Gradle 是以 Groovy 语言为基础,面向Java应用为主.基于DSL(领域特定语言)语法的自动化构建工具 下面就描述一下如何在linux环境下安装配置gr ...

  6. css3的特性

    增加了媒体查询.圆角边框.过渡动画效果

  7. 移动端web页面列表类上拉加载,查看详情,iframe嵌套第三方页面遇到的问题以及解决办法

    1.移动端上拉加载 网上有很多成熟的插件,比如iscroll.在这里介绍一下用jquery和js写的上拉加载方法.使用原生的去写上拉加载更多需要三个高度去做对比,以新闻类列表举例,首先需要整个dom的 ...

  8. 《python for data analysis》第十章,时间序列

    < python for data analysis >一书的第十章例程, 主要介绍时间序列(time series)数据的处理.label:1. datetime object.time ...

  9. 18.9 有关设置栈指针sp寄存器r13

    为什么在调用C程序时,要在汇编(.S)文件中设置栈指针sp(Stack Pointer) r13?设置栈指针的时候赋的值是多少,如何确定? .text .global _start _start: / ...

  10. imp 导入以及换用户报错

    数据库导入操作:SQL> create user user identified by passwd; SQL> create tablespace user datafile '/dat ...