前言

初始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——使用表格制作个人简历相关推荐

使用form表单和table表格制作个人简历
使用form表单和table表格制作个人简历制作的如下图: 代码如下: <!DOCTYPE html> <html><head><meta charset= ...
html利用表格制作个人简历
html利用表格制作简历 1,代码展示 <!DOCTYPE html> <html><head><meta charset="utf-8" ...
HTML表单、表格制作个人简历
一.HTML表格知识点: HTML表格由 <table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义) ...
认识计算机教案模板表格,word表格制作教学设计范文
word表格制作教学设计范文作为一位兢兢业业的人民教师,时常需要准备好教学设计,教学设计是连接基础理论与实践的桥梁,对于教学理论与实践的紧密结合具有沟通作用.我们该怎么去写教学设计呢?下面是小编精心 ...
使用matlab建立个人简历,HTML 使用表格制作简单的个人简历
复习一下HTML,用表格做一个简单的个人简历 .btbg{ text-align:center; } 个人简历姓名性别出生日期照片民族政治面貌婚姻状况现所在地籍贯学历毕业学校专 ...
Word制作个人简历表格的实用技巧
1.尽量使用Tab.圆点的项目符号对齐,尽量不用空格找齐.用表格制作也可以,但是发送word版的时候会很难看. 2.最好按照模版来制作简历.很多人都是自己想当然的制作,这样HR看起来会不容易找到关键信 ...
HTML使用表格简单的制作个人简历
HTML使用表格简单的制作个人简历 ●前提掌握HTML 表单制作 ●基础知识表单标签表格标签 ●演示效果 ●代码演示注:本文仅供参考!
用HTML表格标签制作基础简历
用HTML表格标签制作基础简历代码: <!DOCTYPE html> <html><head><meta charset="utf-8" ...
计算机表格公开课,Word表格制作教案公开课
<Word表格制作教案公开课>由会员分享,可在线阅读,更多相关<Word表格制作教案公开课(4页珍藏版)>请在人人文库网上搜索. 1.2012年乐至县教研课教案科目:计算机应 ...
使用HTML表格制作简易的个人简历表
使用HTML表格制作简易的个人简历表一.创建过程创建表格标题创建表格创建行创建单元格二.原理主要使用HTML表格的不规则表格属性以及HTML表格的基本属性三.使用的主要代码创建表格标 ...

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

文章目录

前言