基于HTML中的 table制作简历（表格）

最新推荐文章于 2024-09-08 16:26:07 发布
最新推荐文章于 2024-09-08 16:26:07 发布
阅读量1.5k 收藏 20
点赞数 34
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/By_but/article/details/140591712
版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简历</title>
    <style>
        td{
            width: 65px;
        }
        caption{
            font-size: 20px;
            font-weight: bold;
            padding-bottom: 30px;
        }
    </style>
</head>
<body>
    <table border="1" align="center" width="650px" cellspacing="0">
        <caption>个&nbsp;人&nbsp;简&nbsp;历</caption>
        <!-- 基本信息 -->
        <tr align="center">
            <td>姓&nbsp;名</td>
            <td colspan="2"></td>
            <!-- <td></td> -->
            <td>性&nbsp;别</td>
            <td></td>
            <td>出&nbsp;生年&nbsp;月</td>
            <td colspan="2"></td>
            <!-- <td></td> -->
            <td colspan="2" rowspan="3">照&nbsp;&nbsp;片</td>
            <!-- <td></td> -->
        </tr>
        <tr align="center">
            <td>籍&nbsp;贯</td>
            <td colspan="2"></td>
            <!-- <td></td> -->
            <td>民&nbsp;族</td>
            <td></td>
            <td>身&nbsp;体状&nbsp;况</td>
            <td colspan="2"></td>
            <!-- <td></td> -->
            <!-- <td colspan="2"></td> -->
            <!-- <td></td> -->
        </tr>
        <tr align="center">
            <td>政&nbsp;治面&nbsp;貌</td>
            <td colspan="2"></td>
            <!-- <td></td> -->
            <td>身&nbsp;高</td>
            <td></td>
            <td>外&nbsp;语程&nbsp;度</td>
            <td colspan="2"></td>
            <!-- <td></td> -->
            <!-- <td colspan="2"></td> -->
            <!-- <td></td> -->
        </tr>
        <tr align="center">
            <td>所&nbsp;在学&nbsp;院</td>
            <td colspan="2"></td>
            <!-- <td></td> -->
            <td>学&nbsp;历</td>
            <td></td>
            <td>曾&nbsp;任职&nbsp;务</td>
            <td colspan="4"></td>
            <!-- <td></td> -->
            <!-- <td></td> -->
            <!-- <td></td> -->
        </tr>
        <tr align="center">
            <td>所&nbsp;学专&nbsp;业</td>
            <td colspan="3"></td>
            <!-- <td></td> -->
            <!-- <td></td> -->
            <td colspan="2">特&nbsp;长</td>
            <!-- <td></td> -->
            <td colspan="4"></td>
            <!-- <td></td> -->
            <!-- <td></td> -->
            <!-- <td></td> -->
        </tr>
        <tr align="center">
            <td>毕&nbsp;业时&nbsp;间</td>
            <td colspan="3"></td>
            <!-- <td></td> -->
            <!-- <td></td> -->
            <td colspan="2">联系电话</td>
            <!-- <td></td> -->
            <td colspan="4"></td>
            <!-- <td></td> -->
            <!-- <td></td> -->
            <!-- <td></td> -->
        </tr>
        <tr align="center">
            <td rowspan="3">家&nbsp;庭住&nbsp;址</td>
            <td colspan="3" rowspan="3"></td>
            <!-- <td></td> -->
            <!-- <td></td> -->
            <td colspan="2">邮政编码</td>
            <!-- <td></td> -->
            <td colspan="4"></td>
            <!-- <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <tr align="center">
            <!-- <td></td> -->
            <!-- <td></td> -->
            <!-- <td></td> -->
            <!-- <td></td> -->
            <td colspan="2">个人网站</td>
            <!-- <td></td> -->
            <td colspan="4"></td>
            <!-- <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <tr align="center">
            <!-- <td></td> -->
            <!-- <td></td> -->
            <!-- <td></td> -->
            <!-- <td></td> -->
            <td colspan="2">E-mail</td>
            <!-- <td></td> -->
            <td colspan="4"></td>
            <!-- <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <!-- 个人简历  -->
        <tr align="center">
            <td height="183px" rowspan="4">个&nbsp;人简&nbsp;历</td>
            <td rowspan="4" colspan="9"></td>
            <!-- <td></td>
            <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>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <tr>
            <!-- <td></td> -->
            <!-- <td></td>
            <td></td>
            <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>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <!-- 个人特点 -->
        <tr align="center">
            <td  height="137px" rowspan="3">个&nbsp;人特&nbsp;点</td>
            <td rowspan="3" colspan="9"></td>
            <!-- <td></td>
            <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>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <tr>
            <!-- <td></td> -->
            <!-- <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <!-- 社会实践经历 -->
        <tr align="center">
            <td  height="228px" rowspan="5">社会实践经历</td>
            <td rowspan="5" colspan="9"></td>
            <!-- <td></td>
            <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>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <tr>
            <!-- <td></td>
            <td></td>
            <td></td>
            <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>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <tr>
            <!-- <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
    </table>
</body>
</html>

X小桃李
关注
用HTML编写个人简介表格
Ge_11的博客
03-24 891
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
HTML制作个人简历
weixin_51736721的博客
06-02 642
制作要求：
HTML利用表格制作个人简历
qq_44716544的博客
10-04 1035
colspons表示单元格所占的列数； rowspan表示单元格所占的行数 <!doctype html> <html> <head> <meta charset="utf-8"> <title><h1>个人简历</h1></title> </head> <body ...
HTML 个人简历源码
热门推荐
邹康----萧湘易水寒的专栏
04-11 2万+
 易水寒的个人简历易水寒的个人简历(网页版)制作人：软件学院软开0835班  易水寒  学号：0825033504  编号：39 （作业代号：1-39-0825033504-易水寒）  易水寒的个人简历      姓名：    易水寒    出生日期:    1989-10-02    姓别：    男            身份证：    430421198910029495    户口： 
不到100行代码，一键写出漂亮的个人简历网站！手把手教学！快来看看吧！
最新发布
m0_52177571的博客
09-08 214
【代码】不到100行代码，一键写出漂亮的个人简历网站！手把手教学！快来看看吧！
【前端】HTML实现个人简历信息填写页面
2303_80341387的博客
05-06 3075
然后，我们可以看到”请应聘者确认“这几个字是加大加粗的效果，这个时候我们就需要借助于标题标签来实现这种效果。为了提高用户体验的质量，我们希望我们在鼠标点击姓名，此时光标能够自动选中文本框，这个效果我们可以使用。标签来实现，其次，这个表头信息的字体是加大加粗的，那么我们就可以使用标题标签来实现这样一个效果。这一行，我们发现姓名这一行占了两个单元格，姓名占了一个单元格，输入框占了一个单元格。首先页面最上方的“请填写简历信息”几个字就相当于是我们的表格中的表头信息。这一行，我们来实现一下这一行。
HTML个人简历
10-08
利用HTML5语言编写的个人简历有兴趣的的朋友可以下载下来学习一下
HTML简历表格
weixin_34029680的博客
11-11 148
效果图   [html] view plain copy     &lt;!DOCTYPE &gt;   &lt;html&gt;       &lt;head&gt;           &lt;meta charset="utf-8" /&gt;       &lt;/head&gt;       &lt;body&gt;           &a
用html css做的个人简历
06-20
用html css做的个人简历适合初学者借鉴，可用于完成作业。
用html制作个人简历
FantfH的博客
07-06 3084
用html制作个人简历 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="3" cellspacing="0"> <tr height="50" align="center"> <td colspa
html语言制作表格模板,十个最简单实用的Table设计模板
weixin_39633455的博客
05-30 3749
表格恐怕是 Web 设计中最困难的一个对象了，感谢神秘的标记语言，有太多的细节我们需要关注了，而且表格缺乏浏览器的兼容性。虽然表格只是一个简单的元素，但是它浪费了我们大量的时间。有人甚至说，标签是垃圾。其实表格本身并没有什么，是你自己使用的不当，把简单的事情弄的复杂了。这就是我写下本篇文章的原因，它将向你展示十个最简单表格设计方法。准备想必大家都知道 xhtml 1.0 strict 标准，下面是...
html代码做的个人简历
09-12
HTML做的个人简历，非常好看，很适合个人主页 ，初学前端做的
HTML制作个人简历的简单实现
09-28
下面小编就为大家带来一篇HTML制作个人简历的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
html个人简历表格制作
01-17
html个人简历表格制作
tableExport_html表格导出excel等多种格式
12-05
在IT行业中，数据的导入和导出是日常工作中不可或缺的一部分，尤其在数据分析、报表制作以及信息共享时。"tableExport_html表格导出excel等多种格式"是一个便捷的工具，它允许用户将HTML表格的数据轻松地导出为Excel...
基于PHP+Jquery制作的可编辑的表格的代码
01-19
table.php 代码如下: <?php header(“Content-Type:text/html;charset=utf-8”); $mysqli=new MySQLi(“localhost...可编辑表格</title> <link rel=”stylesheet” type=”text/css” href=”style.css”
table表格拖动列
06-01
"table表格拖动列"的功能就是一种提升用户体验的创新设计，它允许用户根据个人需求自由调整表格中列的顺序，使得数据查看和操作更加便捷。这个功能通常涉及到JavaScript（js）和jQuery这两个强大的前端库。 首先，...
基于HTML+CSS制作一个简单的家乡网页制作作业，广州介绍旅游网页设计代码 学生个人html静态网页制作成品代码
08-10
- **Table与表单的应用**：使用表格和表单组件来展示数据或收集用户输入。 - **导航栏效果**：实现了一个响应式的导航菜单，方便用户浏览不同页面。 - **Banner设计**：网页顶部通常有一个醒目的Banner区，用于...
html制作个人简历
qq_48617322的博客
07-21 751
使用html的表格元素制作个人简历
毕业生个人简历html
03-25
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>个人简历</title> </head> <body> <h1>个人简历</h1> <hr> <h2>基本信息</h2> <ul> <li>姓名：张三</li> <li>性别：男</li> <li>出生年月：1995年3月</li> <li>籍贯：山东济南</li> <li>电话：18888888888</li> <li>邮箱：zhangsan@qq.com</li> </ul> <h2>教育背景</h2> <ul> <li>2013年9月-2017年6月：本科就读于清华大学，获得计算机科学与技术学士学位。</li> <li>2017年9月-2020年6月：硕士就读于斯坦福大学，获得计算机科学硕士学位。</li> </ul> <h2>工作经历</h2> <ul> <li>2020年8月-至今：担任谷歌公司软件工程师。主要负责开发人工智能相关产品。</li> <li>2019年6月-2019年8月：担任微软中国实习生。主要参与了小冰智能助手的开发。</li> </ul> <h2>项目经验</h2> <ul> <li>2019年10月-2020年7月：开发了一款基于人工智能的智能音箱，用户可以通过语音控制设备，实现智能家居控制、定时提醒等功能。</li> <li>2018年3月-2018年6月：参与了谷歌人工智能大赛，负责开发语音识别模型。</li> </ul> <h2>个人技能</h2> <ul> <li>熟练使用Java、Python等编程语言。</li> <li>熟练掌握机器学习、深度学习等人工智能相关技术。</li> <li>具备优秀的团队协作能力和沟通能力。</li> <li>熟练掌握各类软件开发工具和代码管理工具。</li> </ul> <h2>兴趣爱好</h2> <ul> <li>喜欢阅读经典文学和科学技术书籍。</li> <li>热爱旅游和摄影，喜欢记录旅途中的美好瞬间。</li> <li>喜欢打篮球和游泳，保持健康的体魄。</li> </ul> </body> </html>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值