html之表格table例题-个人简历

最新推荐文章于 2024-03-14 15:06:38 发布

故里有长安、

最新推荐文章于 2024-03-14 15:06:38 发布

阅读量448

点赞数

分类专栏：前端文章标签：前端 html 表格table

本文链接：https://blog.youkuaiyun.com/x_l_t/article/details/102575416

版权

前端专栏收录该内容

11 篇文章

订阅专栏

本文通过HTML的表格元素`<table>`介绍如何制作个人简历。内容包括表格的基本结构，如`<tr>`（行）、`<th>`（表头）和`<td>`（数据单元格）的使用，以及如何布局和美化简历表格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人简历</title>
		<style type="text/css">
			td{ 
				padding:0 5px; 
				font-size:12px;
				}
		</style>
	</head>
	<body>
		<table align="center" width="600" height="500" border="" cellspacing="0" cellpadding="">
			<caption><font size="6" color="#457BB9">个人简历</font></caption>
			<tr height="40" >
				<td width="80" align="center">姓名</td>
				<td width="80"></td>
				<td width="80" align="center">性别</td>
				<td width="80"></td>
				<td width="80" align="center">出生年月</td>
				<td width="80" ></td>
				<td rowspan="4" width="80" ></td>
			</tr>
			<tr bgcolor="#DCE8F4" height="40">
				<td align="center">民族</td>
				<td></td>
				<td align="center">政治面貌</td>
				<td></td>
				<td align="center">身高</td>
				<td></td>
				
			</tr>
			<tr height="40">
				<td align="center">学制</td>
				<td></td>
				<td align="center">学历</td>
				<td></td>
				<td align="center">户籍</td>
				<td></td>
				
			</tr>
			<tr bgcolor="#DCE8F4" height="40">
				<td  align="center">专业</td>
				<td colspan="2"></td>
				<td  align="center">毕业学校</td>
				<td colspan="2"></td>
				
			</tr>
			<tr height="40">
				<td colspan="7" align="center"><b>技能、特长或爱好</b></td>
				
			</tr>
			<tr bgcolor="#DCE8F4" height="40">
				<td  align="center">外语等级</td>
				<td colspan="2"></td>
				<td  align="center">计算机</td>
				<td colspan="3"></td>
			</tr>
			<tr height="40">
				<td colspan="7" align="center"><b>个人履历</b></td>
			</tr>
			<tr bgcolor="#DCE8F4" height="40">
				<td align="center">时间</td>
				<td colspan="2" align="center" >单位</td>
				<td colspan="4" align="center">经历</td>
				
			</tr>
			<tr height="40">
				<td></td>
				<td colspan="2"></td>
				<td colspan="4"></td>
				
			</tr>
			<tr bgcolor="#DCE8F4" height="40">
				<td></td>
				<td colspan="2"></td>
				<td colspan="4"></td>
			</tr>
			<tr height="40">
				<td></td>
				<td colspan="2"></td>
				<td colspan="4"></td>
			</tr>
			<tr height="40">
				<td colspan="7" align="center"><b>联系方式</b></td>
			</tr>
			<tr height="40">
				<td align="center">通讯地址</td>
				<td colspan="3"></td>
				<td align="center">联系电话</td>
				<td colspan="2"></td>
				
			</tr>
			<tr bgcolor="#DCE8F4" height="40">
				<td align="center">E-email</td>
				<td colspan="3"></td>
				<td align="center">邮编</td>
				<td colspan="2"></td>
			</tr>
			<tr height="40">
				<td colspan="7" align="center"><b>自我评价</b></td>
			</tr>
			<tr height="130" bgcolor="#DCE8F4">
				<td colspan="7"></td>
				
			</tr>
		</table>
	</body>
</html>

showtime:
在这里插入图片描述