刚接触html和css,做的不是很精细,css用的是嵌入式没用链接式,后期改进。最后效果图:
代码部分:
1.设置css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>阿航的自我介绍</title>
<style>
.center {
text-align: center;
}
.border {
font-weight: 700;
}
.jpg {
text-align: center;
}
.red {
color: #ff0000;
}
h3 {
text-indent: 23em;
}
table {
line-height: 25px;
width: 1000px;
font: 15px/20px "Microsoft YaHei";
}
</style>
</head>
2.html
我用的是表格
<body>
<h3>个人简历</h3>
<h4>1.个人信息</h4>
<table border="1" cellpadding="20" cellspacing="0" >
<tr>
<td class="center">姓名</td>
<td>阿航</td>
<td class="center">籍贯</td>
<td>黑龙江</td>
<td class="center">出生日期</td>
<td>19970709</td>
<td rowspan="4" class="jpg"><img src="ziwo.jpg" width="150"></td>
</tr>
<tr>
<td class="center">政治面貌</td>
<td>共青团员</td>
<td class="center">民族</td>
<td>汉族</td>
<td class="center">学历</td>
<td>本科毕业</td>
</tr>
<tr>
<td class="center">毕业院校</td>
<td colspan="3">****大学</td>
<td class="center">院系专业</td>
<td>通信工程</td>
</tr>
<tr>
<td class="center">邮箱</td>
<td colspan="3">46*****36@qq</td>
<td class="center">手机</td>
<td>15*******62</td>
</tr>
</table>
<h4>2.知识结构</h4>
<table border="1" cellpadding="20" cellspacing="0">
<tr>
<td class="center" width="50">主修课</td>
<td>高级语言程序设计,离散数学,数据结构,数据库原理与设计,计算机组成原理,计算机网络,DSP原理与应用,信息论与编码,移动通信与无线通信网络,通信电路,信号与系统</td>
</tr>
<tr>
<td class="center">选修课</td>
<td>证券投资分析,计量经济学,投资学,经济法</td>
</tr>
</table>
<h4>3.综合素质</h4>
<table border="1" cellpadding="20px" cellspacing="0">
<tr>
<td class="center" width="333" colspan="2">专业技能</td>
<td class="center" width="333">外语水平</td>
<td class="center" width="333">计算机能力</td>
</tr>
<tr>
<td width="166" colspan="2" class="red">C,SQLServer,Matlab,Solidworks,CISM资格证,HTML,CSS</td>
<td>CET4-435,TOFEL500</td>
<td>个人网站:<a href="http://www.github/Sherry-Szh" target="_blank">github</a></td>
</tr>
<tr>
<td width="100">主要社会实践</td>
<td colspan="3"></td>
</tr>
<tr>
<td>兴趣爱好</td>
<td colspan="3"></td>
</tr>
<tr>
<td>个人荣誉</td>
<td colspan="3"></td>
</tr>
<tr>
<td>自我评价</td>
<td colspan="3"></td>
</tr><tr>
<td>实习经历</td>
<td colspan="3"></td>
</tr><tr>
<td>求职意向</td>
<td colspan="3"></td>
</tr>
</table>
</body>
</html>
有不好的地方欢迎指出~
更多推荐
【用html做个人简历的网页(初级)】
发布评论