用HTML代码实现个人简历的编写

小白第二弹——用html代码（完成下面简历的内容）写出个人简历
话不多说先放图
首先先要明确两个知识点（html中table标签的使用）【注：以下代码是先测试两个知识点】
先构造一个表格

（1）跨列合并
代码格式：<td colspan="3"></td>
如果仅仅是将上述代码写在标签中会产生下面的情况
合并那一行中多出个一个单元格，所以要在在该行中下面注释掉一个单元格
如果要合并3列则需要在其下面注释掉2个单元格

    <tr><td  colspan="3"></td><!-- <td></td> <td></td> --><td></td></tr><tr><td></td> <td></td><td></td><td></td></tr><tr><td></td> <td></td><td></td><td></td></tr>

2）跨行合并<td rowspan="n"></td>
//n是跨行合并的行数
如果仅仅是将上述代码写在代码中会产生下面的情况
所以我们要在下一行注释掉一个单元格
如果要合并3行则代码如下

  < <tr><td  rowspan="3"></td><td></td> <td></td><td></td></tr><tr><!-- <td></td>  --><td></td><td></td><td></td></tr><tr><!-- <td></td>  --><td></td><td></td><td></td></tr>

依次类推即可

下面根据上述两个知识点即可写出简历
代码如下

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>table{ border-collapse: collapse;}td{width: 90px; height: 35px;border:1px solid black;}caption{font-size: 30px;}</style>
</head>
<body><table align="center" width:700px ; height: 600px;><caption align="center">个人简历</caption><tr><td align="center" rowspan="2">姓名</td><td align="center" rowspan="2"></td><td align="center">性别</td><td></td><td align="center">文化程度</td><td></td><td rowspan="3" align="center"> 照片</td></tr><tr><!--<td></td>--><!--<td></td>--><td align="center">身高</td><td></td><td align="center">政治面貌</td><!--<td></td>--><!--<td></td>--></tr><tr><td align="center" >籍贯</td><td align="center" colspan="2"></td><!--<td></td>--><!--<td></td>--><td align="center" >出生年月日</td><td colspan="2"></td><!--<td ></td>--></tr><tr><td align="center" >户口所在地</td><td colspan="2"></td><!--<td ></td>--><td align="center" >婚否</td><td></td><td align="center" >民族</td><td></td></tr><tr><td align="center" >身份证号码</td><td colspan="2"></td><!--<td ></td>--><td align="center" >现居住地址</td><td colspan="3"></td><!-- <td></td><td></td> --></tr><tr><td align="center" >毕业院校</td><td colspan="3"></td><!-- <td></td><td></td> --><td align="center" >毕业时间</td><td colspan="2"></td><!-- <td></td> --></tr><tr><td align="center" >毕业院校</td><td colspan="3"></td><!-- <td></td><td></td> --><td align="center" >爱好特长</td><td colspan="2"></td><!-- <td></td> --></tr>< <td align="center" rowspan="2">个人简介</td><td colspan="6"  rowspan="2"></td><!-- <td></td><td></td><td></td><td></td><td></td>--></tr><tr><!-- <td></td><td colspan="6" ></td><td></td><td></td><td></td><td></td><td></td>--></tr><tr><td align="center"  >就学时间</td><td align="center" colspan="2"  >学校</td><!-- <td></td> --><td align="center"  >学年</td><td align="center"  >学历</td><td align="center"  >专业</td><td align="center"  >担任职务</td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td align="center"  >英语应用水平</td><td colspan="3"></td><!-- <td></td><td></td> --><td align="center"  >职业期望</td><td colspan="2"></td><!-- <td></td> --></tr><tr><td align="center"  >计算机应用水平</td><td colspan="3"></td><!-- <td></td><td></td> --><td align="center"  >生活要求</td><td colspan="2"></td><!-- <td></td> --></tr><tr><td align="center" rowspan="4" >工作经历求</td><td align="center"  >时间</td><td align="center" colspan="4" >工作地点</td><!-- <td></td><td></td><td></td> --><td align="center"  >职务</td></tr><tr><!-- <td></td> --><td></td><td colspan="4"></td><!-- <td></td><td></td><td></td> --><td></td></tr><tr><!-- <td></td> --><td></td><td colspan="4"></td><!-- <td></td><td></td><td></td> --><td></td></tr><tr><!-- <td></td> --><td></td><td colspan="4"></td><!-- <td></td><td></td><td></td> --><td></td></tr><tr><td align="center"  >待遇要求</td><td colspan="6"></td><!-- <td></td><td></td><td></td><td></td><td></td> --></tr><tr><td align="center" rowspan="2" >联系方式</td><td align="center"  >移动电话</td><td></td><td align="center"  >现在住址</td><td></td><td align="center"  >邮编</td><td></td></tr><tr><!-- <td></td> --><td align="center"  >紧急联系人</td><td></td><td align="center"  >与本人无关</td><td></td><td align="center"  >联系电话</td><td></td></tr></table>
</body>
</html>

由于本人是小白一个上述中如有错误，不严谨的欢迎指正

用HTML代码实现个人简历的编写相关推荐

编写代码的软件用什么编写的_如何通过像编写代码一样克服对编写的恐惧
编写代码的软件用什么编写的 by Chris Rowe 通过克里斯·罗 How often do you get the fear? What do I mean by fear? How about ...
编写代码的软件用什么编写的_如果您编写代码，这就是您的黄金时代
编写代码的软件用什么编写的这是10月22日至23日在北卡罗来纳州罗利举行的万物公开会议第一天的两个主题演讲的部分抄写. Forrester Research副总裁兼首席分析师Jeffrey Hamm ...
编写代码的软件用什么编写的_编写出色的代码
编写代码的软件用什么编写的 Writing great code that is not only functional and bug-free but also leverages all asp ...
编写代码的软件用什么编写的_您到底是为谁编写代码？
编写代码的软件用什么编写的特别感谢许多阅读本文并为我提供有用反馈和建议的人:Anya Roltsch,Frank Schubert,Olga Hollister,Ravi Varshney,Asha ...
用代码写个人简历的练习
用代码写个人简历的练习课堂练习 2021/4/5 <!DOCTYPE html> <html><head><metacharset="utf-8& ...
Python好书推荐《Python代码整洁之道》——编写优雅的代码
前言 Python是当今最流行的语言之一.相对较新的领域如数据科学.人工智能.机器人和数据分析,以及传统的专业如Web开发和科学研究等,都在拥抱Python.随着时间的推移,Python有可能会发展成 ...
编写代码的软件用什么编写的_团队编写代码
编写代码的软件用什么编写的 Software is rarely written in a silo. Whether you're building the next social media ap ...
编写代码的软件用什么编写的_编写正确的代码很重要的5个原因
编写代码的软件用什么编写的 In November of last year, OVO Energy sponsored a study finding that "If every Bri ...
Python教程--Python代码的基本认识和编写
Python代码的基本认识和编写一.第一个程序二.变量三.Python库的导入和使用四.Python运算 1.算术运算 2.比较运算 3.逻辑运算五.总结一.第一个程序上一章在配置Pyc ...
python数学公式编辑工具_1行代码搞定Latex公式编写，这个4.6M的Python小插件，堪称论文必备神器...
原标题:1行代码搞定Latex公式编写,这个4.6M的Python小插件,堪称论文必备神器来源:量子位关注前沿科技萧箫发自凹非寺量子位报道 | 公众号 QbitAI 萧箫发自凹非寺 ...

用HTML代码实现个人简历的编写

用HTML代码实现个人简历的编写相关推荐

最新文章

热门文章