admin管理员组

文章数量:1794759

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

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

文章目录
  • 前言
  • 一、HTML style="color:#2aa0ea" target=_blank class=infotextkey>表格
    • 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

版权声明：本文标题：HTML——使用表格制作个人简历 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686976332a124541.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。