空白个人简历–html

发布于 2020-04-22  746 次阅读


好久不见呐~~~今天来更新啦,今天的分享是如何用html的表格表单(table)(HTML称为超文本标记语言)制作一个空白个人简历。

图片演示:

源代码:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>空白个人简历</title>
		<style type="text/css">
			/*文字居中效果*/
			.btbg {
				text-align: center;
			}
		</style>
	</head>
	<!--页面背景全屏不跟随鼠标滑动而滑动,不需要则忽略-->

	<body background="背景全屏路径" style=" background-repeat:no-repeat;background-size:100% 100%;background-attachment: fixed;">
		<!--表格表单正文-->
		<table border="0" align="center" width="100%" cellpadding="2" cellspacing="0">
			<tr>
				<td align="center" height="70">空白个人简历</td>
				<tr>
		</table>
		<table width="40%" border="1" cellpadding="1" cellspacing="0" align="center">
			<tr>
				<td width="17%" class="btbg">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</td>
				<td width="20%" class="btbg"></td>
				<td width="15%" class="btbg">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</td>
				<td width="18%" class="btbg"></td>
				<td colspan="0" class="btbg" width="15%" rowspan="5"><img src="头像寸照" width="100%" /></td>
			</tr>
			<tr>
				<td class="btbg">政治面貌</td>
				<td class="btbg"></td>
				<td class="btbg">民&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;族</td>
				<td class="btbg"></td>
			</tr>
			<tr>
				<td class="btbg">籍&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;贯</td>
				<td class="btbg"></td>
				<td class="btbg">出生日期</td>
				<td class="btbg"></td>
			</tr>
			<tr>
				<td class="btbg">所学专业</td>
				<td class="btbg"></td>
				<td class="btbg">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;历</td>
				<td class="btbg"></td>
			</tr>
			<tr>
				<td class="btbg">毕业学校</td>
				<td class="btbg" colspan="3"></td>
			</tr>
			<tr>
				<td class="btbg">联系电话</td>
				<td class="btbg"></td>
				<td class="btbg">手&nbsp;机</td>
				<td class="btbg" colspan="2"></td>
			</tr>
			<tr>
				<td class="btbg">联系邮箱</td>
				<td class="btbg"></td>
				<td class="btbg">Q&nbsp;Q</td>
				<td class="btbg" colspan="2"></td>
			</tr>
			<tr>
				<td class="btbg" colspan="5">能力及专长</td>
			</tr>
			<tr>
				<td colspan="5">
					<br /> 个人能力:
					<br />
					<br />
					<br /> 计算机水平:
					<br />
					<br />
					<br /> 语言水平:
					<br />
					<br />
					<br /> 个人专长:
					<br />
					<br />
				</td>
			</tr>

		</table>
		<table width="40%" border="1" cellpadding="1" cellspacing="0" align="center">
			<tr>
				<td class="btbg" colspan="5">教育及培训经历</td>
			</tr>
			<tr>
				<td class="btbg">&nbsp;</td>
				<td class="btbg">&nbsp;</td>
				<td class="btbg">&nbsp;</td>
			</tr>
			<tr>
				<td class="btbg">&nbsp;</td>
				<td class="btbg">&nbsp;</td>
				<td class="btbg">&nbsp;</td>
			</tr>
			<tr>
				<td class="btbg">&nbsp;</td>
				<td class="btbg">&nbsp;</td>
				<td class="btbg">&nbsp;</td>
			</tr>
		</table>
		<table width="40%" border="1" cellpadding="1" cellspacing="0" align="center">
			<tr>
				<td class="btbg">主&nbsp;修<br />课&nbsp;程</td>
				<td class="btbg" width="85%">&nbsp;</td>
			</tr>
			<tr>
				<td class="btbg">实&nbsp;践<br />经&nbsp;历</td>
				<td class="btbg" width="85%">&nbsp;</td>
			</tr>
		</table>
	</body>

</html>

可能个别纯在错误,仅供参考哈~


公交车司机终于在众人的指责中将座位让给了老太太