HTML——使用表格制作个人简历

文章目录前言一、表格1.创建表格的基本语法2.表格属性二、练习1.代码2.效果图总结前言初始HTML，能够使用表格完成指定布局。表格是用来展示数据，能够让数据显示整齐规范。学习目标：理解能说出表格用来做什么的表格的基本结构组成应用能够熟练写出n行n列的表格能够简单的合并单元格一、表格表格是一种常见的标签，但不是用来布局的，是用来显示数据，可以使数据显示整齐规范。尤其是在后台展示数据的时候，表格运用

悬悬小

10499人浏览 · 2021-03-09 10:44:24

悬悬小 · 2021-03-09 10:44:24 发布

文章目录

前言
一、表格
- 1.创建表格的基本语法
- 2.表格属性
二、练习
- 1.代码
- 2.效果图
总结

前言

初始HTML，能够使用表格完成指定布局。表格是用来展示数据，能够让数据显示整齐规范。

学习目标：

理解
- 能说出表格用来做什么的
- 表格的基本结构组成
应用
- 能够熟练写出n行n列的表格
- 能够简单的合并单元格

一、表格

表格是一种常见的标签，但不是用来布局的，是用来显示数据，可以使数据显示整齐规范。
尤其是在后台展示数据的时候，表格运用是否熟练就显得十分重要。我们今天的主要任务就是，使用表格制作一个个人简历表。

1.创建表格的基本语法

		<table border="" cellspacing="" cellpadding="">
			<tr>
				<td>单元格内的文字</td>
			</tr>
		</table>

2.表格属性

在这里插入图片描述

二、练习

1.代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table  border="2" cellspacing="0" cellpadding="0" width="750px" height="950px" align="center" bordercolor="black" >
			<caption><b>个人简历</b></caption>
			<tr height="50px">
				<td  width="100px" align="center"><b>姓名</b></td>
				<td width="100px"></td>
				<td  width="100px" align="center"><b>性别</b></td>
				<td width="100px"></td>
				<td  width="100px" align="center"><b>民族</b></td>
				<td width="100px"></td>
				<td  width="150px"rowspan="4"></td>
			</tr>
			<tr height="50px">
				<td align="center"><b>出生年月</b></td>
				<td></td>
				<td align="center"><b>政治面貌</b></td>
				<td></td>
				<td align="center"><b>婚姻状况</b></td>
				<td></td>

			</tr>
			<tr height="50px">
				<td align="center"><b>籍贯</b></td>
				<td></td>
				<td align="center"><b>现所在地</b></td>
				<td></td>
				<td align="center"><b>毕业学校</b></td>
				<td></td>

			</tr>
			<tr height="50px">
				<td align="center"><b>学历</b></td>
				<td></td>
				<td align="center"><b>学制</b></td>
				<td></td>
				<td align="center"><b>专业</b></td>
				<td></td>

			</tr>
			<tr height="50px">
				<td align="center"><b>爱好特长</b></td>
				<td colspan="6"></td>


			</tr>
			<tr height="50px">
				<td align="center"><b>专业技能</b></td>
				<td colspan="6"></td>

			</tr>
			<tr height="50px">
				<td align="center"><b>英语水平</b></td>
				<td colspan="2"></td>
				<td align="center"><b>计算机水平</b></td>
				<td colspan="3"></td>
			</tr>
			<tr height="50px">
				<td align="center"><b>联系电话</b></td>
				<td colspan="2"></td>

				<td align="center"><b>电子邮箱</b></td>
				<td colspan="3"></td>

			</tr>
			<tr height="50px">
				<td align="center"><b>求职意向</b></td>
				<td colspan="6"></td>

			</tr>
			<tr height="50px">
				<td align="center" colspan="7"><b>学习及实践经历</b></td>
			</tr>
			<tr height="50px">
				<td colspan="2" align="center"><b>时间</b></td>
				<td colspan="3" align="center"><b>学校或单位</b></td>
				<td colspan="3" align="center"><b>内容</b></td>
			</tr>
			<tr height="50px">
				<td colspan="2"></td>
				<td colspan="3"></td>
				<td colspan="3"></td>
			</tr>
			<tr height="50px">
			<td colspan="2"></td>
			<td colspan="3"></td>
			<td colspan="3"></td>
			</tr>
			<tr height="50px">
				<td colspan="2"></td>
				<td colspan="3"></td>
				<td colspan="3"></td>
			</tr>
			<tr height="50px">
				<td colspan="2"></td>
				<td colspan="3"></td>
				<td colspan="3"></td>
			</tr>
			<tr height="200px">
				<td><b>自我评价</b></td>
				<td colspan="6"></td>
			</tr>
			</tab>
	</body>
</html>