文章目录
- 前言
- 一、表格
- 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>
2.效果图
总结
以上就是关于表格的学习,掌握了表格布局的基本使用方法,暂且没有学习到CSS,所以我们没有注重外观的设计。总之,关于表格的学习要求就是能够手写表格的结构,简单合并单元格。
更多推荐
HTML——使用表格制作个人简历
发布评论