版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Yonggie/article/details/89647628
一个纯html的文本简历,可供参考。
<html>
<head>
<title>
yzc homework
</title>
<style>
body{
text-align:center;
}
tr{
border:solid;
}
td{
margin:0;
background-color:white;
}
table{
margin:0 auto;
background-color:black;
padding:0px;
}
td{
padding:10px;
}
#first{
width:900px;
margin-bottom:0px;
border-bottom:#ccc;
}
#second{
width:900px;
}
</style>
<script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="container">
<!--nav-->
<div style="border:solid;text-align:center;" >
<h1>xxx的简历</h1>
</div>
<!--nav end-->
<table id="first">
<tr>
<td> 姓 名</td>
<td> xxx </td>
<td> 籍贯 </td>
<td> 山东青岛 </td>
<td> 出生年月 </td>
<td> 2000.12 </td>
<td rowspan=4><img src="pic1.jpg"></td>
</tr>
<tr>
<td> 政治面貌 </td>
<td> </td>
<td> 民族</td>
<td> 汉</td>
<td> 学历</td>
<td> </td>
</tr>
<tr>
<td> 毕业院校 </td>
<td colspan=3> 浙江大学 </td>
<td> 专业</td>
<td> 计算机科学与技术 </td>
</tr>
<tr>
<td> 邮箱</td>
<td colspan=3> </td>
<td> 手机</td>
<td> </td>
</tr>
</table>
<table id="second">
<tr>
<td></br>我</br>的</br>能</br>力</br></br></td>
<td>
CSDN 等级4 访问1w+ 排名 6w+<br/>
</td>
</tr>
<tr>
<td></br>修</br>学</br>课</br>程</br></br></td>
<td>编程方面:<br/>
C++程序设计、数据结构、数据库原理、Web应用技术、离散数学、软件测试技术、计算机组成原理、操作系统等<br/>
管理方面:<br/>
软件工程导论、项目管理、UML程序设计等<br/>
网络方面:<br/>
计算机网络、网络安全技术、组网技术、Web应用技术、信息安全技术与应用等<br/>
</td>
</tr>
<tr>
<td></br>兴</br>趣</br>爱</br>好</br></br></td>
<td>1. 音乐,平时弹弹吉他玩玩口琴,有计算机学院歌王奖哦!<br/>
2. 打篮球,每个男生必备了!<br/>
3. 玩一玩算法题,ACM后遗症,很爽,和撸猫一样爽。<br/>
4. 撸狗,喜欢小动物啦,大爱哈士奇。<br/>
</td>
</tr>
<tr>
<td></br>自</br>我</br>评</br>价</br></br></td>
<td>求知欲强;<br/>有艺术细菌;<br/>优秀是我的习惯;<br/></td>
</tr>
</table>
<!--keep it, just in case.-->
<div style="border:solid;" >
</div>
</div>
<div>
<button id="small" onclick="Small()">小</button>
<button id="medium" onclick="Medium()">中</button>
<button id="big" onclick="Big()">大</button>
</div>
<script>
function Small(){
$('#first').css("font-size",2);
$('#second').css("font-size",2);
}
function Medium(){
$('#first').css("font-size",16);
$('#second').css("font-size",16);
}
function Big(){
$('#first').css("font-size",20);
$('#second').css("font-size",20);
}
</script>
</body>
</html>