表格实践练习

浅笑心柔142

于 2024-08-20 11:15:29 发布

阅读量46

点赞数 1

文章标签：前端 javascript 开发语言 html

本文链接：https://blog.csdn.net/qq_72013756/article/details/141352911

版权

使用table结构化与表格的合并实现创建下面的表格

代码部分：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格实践</title>
	</head>
	<body>
		<table border="1px" width="700px" cellspacing="0px">
			<caption>面试登记表</caption>
			<tr>
				<th colspan="2">填表日期</th>
				<th></th>
				<th colspan="2"></th>
				<td width="100">岗位名称</td>
				<th height="20" width="90"></th>
				<th rowspan="5" width="100">照片</th>
			</tr>
			<tr>
				
				
				<td width="90">姓名</td>
				<th></th>
				<td width="100">出生日期</td>
				<th colspan="2"></th>
				<td>性别</td>
				<th></th>
			</tr>
			<tr>
				
				
				<th rowspan="5">基本资料</th>
				<td width="115">邮箱</td>
				<td colspan="3"></td>
				<td>现居地址</td>
				<th></th>
			</tr>
			<tr>
				<td>微信</td>
				<th colspan="3"></th>
				<td>户籍地</td>
				<th></th>
			</tr>
			<tr>
				<td>身份证号码</td>
				<th colspan="2"></th>
				<td width="105">手机</td>
				<th></th>
				<th></th>
			</tr>
			<tr>
				<td>专业</td>
				<th colspan="2"></th>
				<td>紧急联系人</td>
				<th></th>
				<th></th>
				<th></th>
			</tr>
			<tr>
				<td>学历</td>
				<th colspan="2"></th>
				<td>婚姻状况</td>
				<th></th>
				<th></th>
				<th></th>
			</tr>
			<tr>
				<th rowspan="3">教育情况</th>
				<th colspan="2">时间</th>
				<th colspan="2">学校</th>
				<th colspan="3">专业</th>
			</tr>
			<tr>
				<th colspan="2" height="20"></th>
				<th colspan="2" height="20"></th>
				<th colspan="3" height="20"></th>
			</tr>
			<tr>
				<th colspan="2" height="20"></th>
				<th colspan="2"></th>
				<th colspan="3"></th>
			</tr>
			<tr>
				<th rowspan="6">面试人</th>
				<th colspan="2">评分项</th>
				<th colspan="2">分数</th>
				<th colspan="3" rowspan="6">评价</th>
			</tr>
			<tr>
				<th colspan="2">仪表</th>
				<th colspan="2"></th>
			</tr>
			<tr>
				<th colspan="2">表达能力</th>
				<th colspan="2"></th>
			</tr>
			<tr>
				<th colspan="2">反应能力</th>
				<th colspan="2"></th>
			</tr>
			<tr>
				<th colspan="2">相关经验</th>
				<th colspan="2"></th>
			</tr>
			<tr>
				<th colspan="4">总分60以下不得录用</th>
			</tr>
			<tr>
				<th rowspan="2">工作安排</th>
				<td rowspan="2">结果（打勾）</td>
				<td>不录用</td>
				<th width="65"></th>
				<td>部门</td>
				<th colspan="3"></th>
			</tr>
			<tr>
				<td>录用</td>
				<th width="80"></th>
				<td>上岗时间</td>
				<th colspan="3"></th>
			</tr>
		</table>
	</body>
</html>