12day 表格作业

HTML与JavaScript的前端应用

最新推荐文章于 2024-07-21 18:28:48 发布

原创最新推荐文章于 2024-07-21 18:28:48 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #javascript

博客围绕前端开发展开，涉及HTML和JavaScript相关内容。HTML是前端页面结构搭建的基础，JavaScript则为页面赋予交互性和动态效果，二者在前端开发中起着关键作用。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<style>
			table,table tr th, table tr td { 
			border:1px solid #ccc;}
			table{
				border-collapse: collapse;
			}
			*{
				/* 外边距 */
				margin:0;
				/*  内边距*/
				padding:0;
			}
		</style>
		<table bordercolor='' cellpadding='0' cellapcing='0' border='1' align="center">
			<tr align="center" height='30'>
				<td colspan="7"><b>简历</b></td>
			</tr>
			<tr align="center">
				<td width='80'>姓名</td>
				<td width='100'></td>
				<td width='80'>性别</td>
				<td width='100'></td>
				<td width='80'>出生年月</td>
				<td width='100'></td>
				<td rowspan='4' width='100'>照片</td>
			</tr>
			<tr align="center">
				<td>身高</td>
				<td></td>
				<td>体重</td>
				<td></td>
				<td>婚否</td>
				<td></td>
			
			</tr>
			<tr align="center">
				<td>熟悉语言</td>
				<td></td>
				<td>血型</td>
				<td></td>
				<td>民族</td>
				<td></td>
			
			</tr>
			<tr align="center">
				<td>联系方式</td>
				<td colspan="2"></td>
				<td>身份证号</td>
				<td colspan="2"></td>
			</tr>
			<tr align="center">
				<td>户籍地址</td>
				<td colspan="4"></td>
				<td>联系电话</td>
				<td></td>
			</tr>
			<tr align="center">
				<td>现住地址</td>
				<td colspan="4"></td>
				<td>练习电话</td>
				<td></td>
			</tr>
			<tr align="center" height='30'>
				<td colspan="7"><b>家庭成员</b></td>
			</tr>
			<tr align="center">
				<td>关系</td>
				<td>姓名</td>
				<td>年龄</td>
				<td>职业</td>
				<td colspan="2">服务单位</td>
				<td>联系方式</td>
			</tr>
			<tr height='23'>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td colspan="2"></td>
				<td></td>
				</tr>
			<tr height='23'>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td colspan="2"></td>
				<td></td>
				</tr>
			<tr height='23'>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td colspan="2"></td>
				<td></td>
				</tr>
			<tr align="center" height='30'>
				<td colspan="7"><b>学习经历</b></td>
			</tr>
			<tr align="center">
				<td colspan="2">起止时间</td>
				<td colspan="3">所在学校</td>
				<td>专业</td>
				<td>是否毕业</td>
			</tr>
			<tr height='23'>
				<td colspan="2"></td>
				<td colspan="3"></td>
				<td></td>
				<td></td>
				</tr>
			<tr height='23'>
				<td colspan="2"></td>
				<td colspan="3"></td>
				<td></td>
				<td></td>
				</tr>
			<tr height='23'>
				<td colspan="2"></td>
				<td colspan="3"></td>
				<td></td>
				<td></td>
				</tr>
			<tr height='30'>
				<td align="center" colspan="7"><b>工作经历</b></td>
			</tr>
			<tr align="center">
				<td colspan="2">起止时间</td>
				<td colspan="2">工作单位</td>
				<td>职位</td>
				<td>负责人</td>
				<td>离职原因</td>
			</tr>
			<tr height='23'>
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr height='23'>
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr height='23'>
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr height='23'>
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr align="center">
				<td colspan="2">曾有的业绩或奖励</td>
				<td colspan="5"></td>
			</tr>
			<tr align="center">
				<td>个人特长</td>
				<td colspan="3"></td>
				<td>个人爱好</td>
				<td></td>
				<td></td>
			</tr>
			<tr align="center">
				<td>个人优点</td>
				<td colspan="3"></td>
				<td>个人缺点</td>
				<td></td>
				<td></td>
			</tr>
			<tr align="center" height='30'>
				<td colspan="7"><b>自我评价</b></td>
				</tr>
			<tr height='250'>
				<td colspan="7"></td>
			</tr>
		</table>
	</body>
</html>

在这里插入图片描述