0
点赞
收藏
分享

微信扫一扫

1-5HTML表格

一条咸鱼的干货 2022-02-15 阅读 102

总结:表格按最小横向格子 测算整个表格是多少 ,此图colspan是8列

不需要测算宽,tr测量height就行


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登记表</title>
		<style>
			body {
				font-size: 8px;
				background: url(https://img-blog.csdnimg.cn/f8ba98110348439f960b616421163c18.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA56m656m6Nzc3,size_20,color_FFFFFF,t_70,g_se,x_16) no-repeat scroll 0px 0px/1920px 1080px;
			}
		</style>
	</head>
	<body>
		<h1 align="center">培训登记表</h1>
		<table border="1" cellspacing="0" cellpadding="0" align="center">
			<tr height="22" align="center">
				<td width="56" rowspan="5">
					基<br />本<br />信<br />息
				</td>
				<td width="65">姓名</td>
				<td width="65"></td>
				<td width="66">性别</td>
				<td width="21"></td>
				<td width="54">民族</td>
				<td width="141" colspan="2"></td>
			</tr>
			<tr height="22" align="center">
				<td width="65">身份证号</td>
				<td width="138" colspan="3"></td>
				<td width="54">出生日期</td>
				<td width="141" colspan="2"></td>
			</tr>
			<tr height="22" align="center">
				<td width="65">联系地址</td>
				<td width="138" colspan="3"></td>
				<td width="54">联系电话</td>
				<td width="141" colspan="2"></td>
			</tr>
			<tr height="22" align="center">
				<td width="65">入司日期</td>
				<td width="65"></td>
				<td width="66">是否党员</td>
				<td width="21"></td>
				<td width="54">婚否</td>
				<td width="141" colspan="2"></td>
			</tr>
			<tr height="22" align="center">
				<td width="65">兴趣爱好</td>
				<td width="188" colspan="4"></td>
				<td width="48">专长</td>
				<td width="95"></td>
			</tr>
			<tr height="32" align="center">
				<td width="56">任职信息</td>
				<td width="65">现部门</td>
				<td width="65"></td>
				<td width="66">现岗位</td>
				<td width="69" colspan="2"></td>
				<td width="48">
					<span>担任本</span>
					<br />
					<span>职位日期</span>
				</td>
				<td width="95"></td>
			</tr>
			<tr height="22" align="center">
				<td width="56" rowspan="3">
					<span>学历</span>
					<br />
					<span>信息</span>
				</td>
				<td width="65">阶段</td>
				<td width="122" colspan="2">起止时间</td>
				<td width="21" colspan="2">毕业院校</td>
				<td width="48">学制</td>
				<td width="95">专业(学位)</td>
			</tr>
			<tr height="22" align="center">
				<td width="65"></td>
				<td width="122" colspan="2"></td>
				<td width="21" colspan="2"></td>
				<td width="48"></td>
				<td width="95"></td>
			</tr>
			<tr height="22" align="center">
				<td width="65"></td>
				<td width="122" colspan="2"></td>
				<td width="21" colspan="2"></td>
				<td width="48"></td>
				<td width="95"></td>
			</tr>
			<tr height="22" align="center">
				<td rowspan="7">
					工<br />作<br />简<br />历
				</td>
				<td colspan="2">起止时间</td>
				<td colspan="2">部门</td>
				<td colspan="3">岗位(工种)</td>
			</tr>
			<tr height="22" align="center">
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td colspan="3"></td>
			</tr>
			<tr height="22" align="center">
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td colspan="3"></td>
			</tr>
			<tr height="22" align="center">
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td colspan="3"></td>
			</tr>
			<tr height="22" align="center">
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td colspan="3"></td>
			</tr>
			<tr height="22" align="center">
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td colspan="3"></td>
			</tr>
			<tr height="22" align="center">
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td colspan="3"></td>
			</tr>
			<tr height="22" align="center">
				<td width="56" rowspan="6">
					员<br />工<br />家<br />庭<br />关<br />系
				</td>
				<td width="65">与本人关系</td>
				<td width="65">姓名</td>
				<td width="66">出生日期</td>
				<td width="70" colspan="2">工作单位</td>
				<td width="50">最高学历</td>
				<td width="98">联系方式</td>
			</tr>
			<tr height="22">
				<td width="65"></td>
				<td width="65"></td>
				<td width="66"></td>
				<td width="70" colspan="2"></td>
				<td width="50"></td>
				<td width="98"></td>
			</tr>
			<tr height="22">
				<td width="65"></td>
				<td width="65"></td>
				<td width="66"></td>
				<td width="70" colspan="2"></td>
				<td width="50"></td>
				<td width="98"></td>
			</tr>
			<tr height="22">
				<td width="65"></td>
				<td width="65"></td>
				<td width="66"></td>
				<td width="70" colspan="2"></td>
				<td width="50"></td>
				<td width="98"></td>
			</tr>
			<tr height="22">
				<td width="65"></td>
				<td width="65"></td>
				<td width="66"></td>
				<td width="70" colspan="2"></td>
				<td width="50"></td>
				<td width="98"></td>
			</tr>
			<tr height="22">
				<td width="65"></td>
				<td width="65"></td>
				<td width="66"></td>
				<td width="70" colspan="2"></td>
				<td width="50"></td>
				<td width="98"></td>
			</tr>
			<tr height="22" align="center">
				<td width="56" rowspan="4">
					奖<br />惩<br />信<br />息
				</td>
				<td width="192" colspan="4">奖惩名称</td>
				<td width="192" colspan="3">奖惩时间</td>
			</tr>
			<tr height="18">
				<td width="192" colspan="4"></td>
				<td width="192" colspan="3"></td>
			</tr>
			<tr height="18">
				<td width="192" colspan="4"></td>
				<td width="192" colspan="3"></td>
			</tr>
			<tr height="18">
				<td width="192" colspan="4"></td>
				<td width="192" colspan="3"></td>
			</tr>
			<tr height="22" align="center">
				<td width="56" rowspan="4" valign="middle">
					<p>培训情况</p>
					<span>(请划√)</span>
				</td>
				<td width="110" colspan="2">
					<strong>培训语种</strong>
				</td>
				<td width="110" colspan="3">
					<strong>培训等级</strong>
				</td>
				<td width="110" colspan="2">
					<strong>培训时间</strong>
				</td>			
			</tr>
			<tr height="22" align="center">
				<td width="110" colspan="2">中文</td>
				<td width="110" colspan="3">初级</td>
				<td width="110" colspan="2"></td>			
			</tr>
			<tr height="22" align="center">
				<td width="110" colspan="2">英文</td>
				<td width="110" colspan="3">中级</td>
				<td width="110" colspan="2"></td>			
			</tr>
			<tr height="22" align="center">
				<td width="110" colspan="2">中英文</td>
				<td width="110" colspan="3">高级</td>
				<td width="110" colspan="2"></td>			
			</tr>
		</table>
		<table border="0" cellspacing="0" cellpadding="0" align="center">
			<tr>
				<td width="180" align="right">填表人:</td>
				<td width="150" align="right">填表时间:</td>
			</tr>
		</table>
	</body>
</html>

 

 

举报

相关推荐

HTML5-表格table

前端笔记HTML表格(1)

html5表格线条加粗

HTML表格

html表格

0 条评论