用html编写最简单简历
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"/> <title>Introduction</title> </head> <body> <div id="container"> <div id="header"> <h1>个人简历</h1> </div> <div id="content"> <div id="dl"> <dl> <dt class="font_s">基本资料</dt> </dl> <hr> <dt>姓 名：张三</dt> <dt>年 龄：22</dt> <dt>性 别：男</dt> <dt>民 族：汉族</dt> <dt>政治面貌：团员</dt> <dt>联系电话：130-xxxx-xxxx</dt> <dt>电子邮件：388@xxx.com</dt> <dt><b>求职意向：前端工程师</b></dt> </dl> <dl> <dt class="font_s">教育背景</dt> </dl> <hr> <dl> <dt><b>2016.9-2020.6 XX大学 xx专业 本科</b></dt></br> <dt>主要课程：软件工程，设计模式，WEB开发，软件工程，设计模式，WEB开发</dt> <dt>获奖经历：在校期间分别获得甲等、乙等、丙等奖学金</dt> </dl> <dl> <dt class="font_s">工作经验</dt> </dl> <hr> <dl> <dt><b>项目名称：xxxx 2020.4-2020.6</b></dt> <dt>项目描述：xxxxxxxx</dt> </dl> <dl> <dt class="font_s">个人技能</dt> </dl> <hr> <dl> <dt>熟练使用office等办公软件</dt> <dt>熟练掌握HTML、CSS、JavaScript等知识，对Vue有一定的了解。</dt> <dt>熟悉C、Java，简单了解Python,有良好的代码编写习惯。</dt> <dt>获得XXXX证书</dt> </dl> <dl > <dt class="font_s">自我评价</dt> </dl> <hr> <dl> <dt>自学能力强，容易理解并接受新知识</dt> <dt>具备计算机网络方面的知识素养，具有熟练的计算机操作技能</dt> <dt>有耐心，善于与别人沟通</dt> </dl> </div> </div> </div> </body> </html> 样式： body{ background-color: #eeeeee; font-family: Arial, Helvetica, sans-serif; } #header{ color: rgb(48, 103, 223); text-align: center; padding: 10px; } #header h1{ text-shadow: gray 2px 2px 2px; } #container{ width:800px; background-color: white; margin: 0 auto; } #content{ background-color: white; padding: 10px; } .font_s{ color: rgb(97, 97, 238); font-family: Arial, Helvetica, sans-serif; font-size: 20px; } img { height: 100px; weight:100px; }图片样式： 第二种：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="style_3.css"> <title>RESUME</title> </head> <body> <div class="container"> <div class="header"> <h1>简历</h1> </div> <div class="content"> <div class="info_1"> <h3>基本信息</h3> <p><b>姓名</b> 张三 <b>应聘职位</b> Web前端工程师</p> </div> <div class="info_2"> <h3>联系方式</h3> <p><b>手机</b> 1234123123 <b>Email</b> <a href="">joinefe@baidu.com</a> <b>个人主页</b> <a href="">Github</a></p> </div> <div class="info"> <h3>能力描述</h3> <h4>技术能力</h4> <p>熟练掌握HTML、CSS、JavaScript</p> </div> <div class="info"> <h3>综合能力</h3> <p>良好的沟通，主动积极，努力勤奋</p> </div> <div class="info"> <h3>教育经历</h3> <h4>本科</h4> <p>百度前端技术学院小薇学院</p> <h4>研究生</h4> <p>百度前端技术学院大斌学院</p> </div> <div class="info"> <h3>项目经验</h3> <h4>小度小度</h4> <p>作为前端工程师角色参与了ABC组件的开发</p> <h4>SAN Doc</h4> <p>作为文档工程师参与了SAN Doc的编写</p> </div> </div> </div> </body> </html>样式：
body{ background-color: #eeeeee; font-family: Arial, Helvetica, sans-serif; } .container{ background: white; width: 900px; height:900px; text-align: center; margin: auto; } .header{ background:rgb(101, 165, 250); color:white; float:left; width: 180px; margin-right: 20px; height:900px; } .content{ width: 700px; text-align: left; padding-top: 2px; } .content .info{ padding-left: 50px; } a:link{ color: rgb(72, 115, 235); }