如何在html中制作个人简历表单

seo靠我 2023-09-24 23:31:13

这里我给大家介绍一下在html中如何去建一个表格

1.比如以下这个个人信息简历表格

2.在html中用代码做一个表格，首先我们要给他简历一个整体框架，比如这个表格是几行几列，弄好框架之后再去弄里面的合并列SEO靠我或者合并行这些东西，这里的话，一个表格的结构为以下代码<style>.tbb{border-collapse: collapse; width: 500px; height: 900px;marginSEO靠我: auto;}.tbb td{border: 1px solid #333;}.lj{height: 120px;}.lj ol{margin-left: px;margin-top: -50px;SEO靠我} </style> <body><table class="tbb"> ：这里我们去给表格命名为tbb，方便一会我们在style里面去改样式<caption>个人简历SEO靠我</caption> 这里是表格的名字<thead> ：这里是表头的那一行<tbody> ：表身<tr> 表格为14行6列，这里只需写tr*14>td*6,然后按tab键，tr为行<td colspaSEO靠我n="4">基本信息:</td> ：这里第一行一列的元素独占一行空间，所以在自身标签下合并列为4，然后把它以下3个td都去掉</tr><tr><td width="100">姓名:</td> ：姓名的SEO靠我话这里我们在标签上直接设置个width为100就可以<td colspan="2"></td> 这里意思是把第二行的第二列与第三列合并，所以我们把它下面的第三列去掉<td rowspan="2" wiSEO靠我dth="80"></td> ：这里要插入照片，所以和自身下面那一列合并，在下一行中把要合并的那个列的块去掉</tr> 因为里面没有内容所以我们给它设置一个宽度为80、<tr><td>毕业院校:</tSEO靠我d><td colspan="2"></td></tr><tr><td>性别:</td><td width="80"></td><td>生日:</td> 这块我们直接给它随便设置一个宽度<td widSEO靠我th="80"></td></tr><tr><td>学历:</td><td></td><td>专业:</td><td></td></tr><tr><td>外语水平:</td><td></td><td SEO靠我colspan="2">联系方式:</td> 这里要和它下面的两列合并，合并几列就写几。然后把它下面要合并的</tr> 几列去掉就好<tr> <td>籍贯:</td><td colspan="2">家SEO靠我庭住址:</td><td>婚姻:</td></tr><tr><td colspan="4">职业技能:</td></tr><tr><td colspan="4" class="lj"> <ol> 这块SEO靠我我们直接给它设置一个有序列表，再来给它设置一个高度。<li></li><li></li><li></li></ol></td></tr><tr><td colspan="4">项目经验:</td></SEO靠我tr><tr><td colspan="2">智慧校园选课系统</td> 这个块要合并两列，里面比较长所以这个块显得长一点<td colspan="2">2019年1月~2019年6月</td></tSEO靠我r><tr><td colspan="4" rowspan="2" height="30">项目描述:</td> 这里它需要合并4列、2行，再设置一个</tr> 宽度为30，在上面的css中给它设置为SEO靠我文字居中<tr></tr><tr><td colspan="4">预览地址:</td></tr><tr><td>github:</td><td colspan="3"></td></tr></tbodSEO靠我y></thead></table>

这里还想说的是如果想把表单的表头的内容设置为黑色加粗字体，那么只需把表头里面的td改为th即可。

以上是我为大家总结的表单，内容有很多欠缺之处，还望大家指出毛病，谢谢SEO靠我大家。

“SEO靠我”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题，请与我们联系删除或处理，客服邮箱：html5sh@163.com，稿件内容仅为传递更多信息之目的，不代表本网观点，亦不代表本网站赞同其观点或证实其内容的真实性。

如何在html中制作个人简历表单

这里我给大家介绍一下在html中如何去建一个表格

最新发布