刚接触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做个人简历的网页(初级)】