HTML 制作简历表单

最新推荐文章于 2025-04-28 08:02:58 发布
最新推荐文章于 2025-04-28 08:02:58 发布
阅读量151 收藏
点赞数
文章标签： html5 css html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48983697/article/details/119756790
版权

效果图

 

<!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>Document</title>
</head>
<style>
    td{
        width: 60px;
    }
</style>
<body>
    <table border="1" width="600" height="800" align="center" cellspacing="0">
        <tr >
            <td bgcolor="#ededed">姓名</td>
            <td></td>
            <td bgcolor="#ededed">性别</td>
            <td></td>
            <td bgcolor="#ededed">出生年月</td>
            <td></td>
            <td colspan="1" rowspan="3" align="center">照片</td>
        </tr>
        <tr >
            <td bgcolor="#ededed">身份证号码</td>
            <td></td>
            <td bgcolor="#ededed">民族</td>
            <td></td>
            <td bgcolor="#ededed">政治面貌</td>
            <td></td>
        </tr>
        <tr >
            <td bgcolor="#ededed">婚姻状况</td>
            <td></td>
            <td bgcolor="#ededed">健康状况</td>
            <td></td>
            <td bgcolor="#ededed">身高</td>
            <td></td>
        </tr>
        <tr >
            <td bgcolor="#ededed">户口所在地</td>
            <td></td>
            <td bgcolor="#ededed">所学专业</td>
            <td></td>
            <td bgcolor="#ededed">学历</td>
            <td colspan="2"></td>
        </tr>
        <tr >
            <td bgcolor="#ededed">最后毕业学校</td>
            <td></td>
            <td bgcolor="#ededed">毕业时间</td>
            <td></td>
            <td bgcolor="#ededed">技术职称</td>
            <td colspan="2"></td>
        </tr>
        <tr >
            <td bgcolor="#ededed">现工作单位</td>
            <td></td>
            <td bgcolor="#ededed">参加工作时间</td>
            <td></td>
            <td bgcolor="#ededed">现从事专业</td>
            <td colspan="2"></td>
        </tr>

        <tr >
            <td bgcolor="#ededed" rowspan="6">主要简历</td>
            <td bgcolor="#ededed" colspan="2">起止年月</td>
            <td bgcolor="#ededed" colspan="2">在何单位</td>
            <td bgcolor="#ededed" colspan="2" > 任何职务</td>
        </tr>
        <tr >
            <td colspan="2">&nbsp;</td>
            <td colspan="2"></td>
            <td colspan="2"></td>
        </tr>
        <tr >
            <td colspan="2">&nbsp;</td>
            <td colspan="2"></td>
            <td colspan="2"></td>
        </tr>
        <tr >
            <td colspan="2">&nbsp;</td>
            <td colspan="2"></td>
            <td colspan="2"></td>
        </tr>
        <tr >
            <td colspan="2">&nbsp;</td>
            <td colspan="2"></td>
            <td colspan="2"></td>
        </tr>
        <tr >
            <td colspan="2">&nbsp;</td>
            <td colspan="2"></td>
            <td colspan="2"></td>
        </tr>

        <tr >
            <td bgcolor="#ededed" width="150px">业务专长及工作成果</td>
            <td  colspan="6" width="150px"  ></td>
        </tr>
        
        <tr>
            <td bgcolor="#ededed" >通讯地址</td>
            <td colspan="2"></td>
            <td bgcolor="#ededed" >邮政编码</td>
            <td colspan="4"></td>
        </tr>
        <tr>
            <td bgcolor="#ededed" >联系电话</td>
            <td colspan="2"></td>
            <td bgcolor="#ededed" >Email地址</td>
            <td colspan="4"></td>
        </tr>
</body>
</html>

一心向晚
关注
使用HTML写一个简历表格
r67686的博客
08-30 6125
代码实现的效果如下： 代码如下： <!DOCTYPEhtml> <html> <head> <title>填写个人简历</title> </head> <body> <tableborder="1"align="center"width="1050"height="800"bordercolor="black"> <caption> ...
HTML制作简易个人简历（表单）
m0_49940462的博客
06-03 2万+
《个人简历》练习效果图如下：
HTML写简历表格及内容
weixin_46620826的博客
12-24 1305
一、 HTML写简历表格及内容 二、 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人简历</title> <style type="text/css"> *{ margin: auto; } tr{
html：运用表单表格制作简易个人简历
astar2022的博客
07-14 1982
谢谢大家观看我们下期再见！
html设计简历表,HTML table制作个人简历
weixin_36467048的博客
06-08 2294
如何制作个人简历？说到简历，大家应该第一个想到的是ps，或者使用word表格来制作打印可是很多时候带着的时候并不方便，所以今天我们教大家用html的table标签来制作个人简历需要的时候无论哪个手机都可以查看自己的简历！是不是很方便呢？----------------------------------------------------------------ok！废话不多说，直接上教程：tab...
【前端】HTML实现个人简历信息填写页面
2303_80341387的博客
05-06 4318
然后，我们可以看到”请应聘者确认“这几个字是加大加粗的效果，这个时候我们就需要借助于标题标签来实现这种效果。为了提高用户体验的质量，我们希望我们在鼠标点击姓名，此时光标能够自动选中文本框，这个效果我们可以使用。标签来实现，其次，这个表头信息的字体是加大加粗的，那么我们就可以使用标题标签来实现这样一个效果。这一行，我们发现姓名这一行占了两个单元格，姓名占了一个单元格，输入框占了一个单元格。首先页面最上方的“请填写简历信息”几个字就相当于是我们的表格中的表头信息。这一行，我们来实现一下这一行。
html用表单制作个人简历
m0_58822151的博客
06-02 1695
用表单做一个简单的个人简历，代码如下：（做的有点丑） <!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=
利用html表单制作个人简历
weixin_46066327的博客
06-02 588
制作效果如下：
HTML表单制作个人简历
qq_44396242的博客
06-02 2049
** 先看在谷歌浏览器中的效果 表单常用标签： border：设置表格的边框 cellspacing：单元格与单元格之间的距离 bgcolor：表格的背景色 colspan：跨列数 rowspan：跨行数 HTML代码实现： <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=
使用html和css实现个人简历表单的制作
qq_49370210的博客
05-12 1819
Ⅰ、表格整体的边框为1像素，单元格间距为0，表格中前六列列宽均为100像素，第七列 为200像素，表格整体在页面上居中显示；Ⅲ、第一行合并了7列；第六 行合并了六列；照片的单元格合并了四行。Ⅱ、前五行的行高为40像素，第六行的行高为80像素，排列方式均为居中显示；CSS文件{style.css}
html table 个人简历demo
境由心生
06-07 1万+
个人简历 个人简历 个人资料 姓 名： 婚姻状况： 照片 出 生： 政治面貌：
HTML表格练习---个人简历
静心学习、耐心沉淀
08-05 1万+
html> html lang="en"> head> meta charset="UTF-8"> style type="text/css"> td{ text-align:center; width:100px; height:30px; } input{
HTML用＜form＞表单制作个人简历
m0_58822480的博客
06-03 2224
在HTML表单制作一张个人简介 源代码如下： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>个人简历</title> <style>.btbg{ text-align:center; } </style> <!--改变字体、颜色、大小--> <style>.alsp{ font-family:"
HTML 做一个求职简历表
qq_37736906的博客
08-23 2031
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格</title> </head> <body background="img/1222.jpg"> <table align="center" border="1" cellspacing="0" wid
HTML 使用表格制作简单的个人简历
热门推荐
liuzhe465的博客
08-08 3万+
复习一下HTML，用表格做一个简单的个人简历
Web前端-html页面-01（锚点、表单、个人简历）
ssqi's blog
02-20 4620
最近对Web前端很感兴趣，学习之01先来几张图镇楼! 1.锚点链接 2.单选框图片背景更换 3.嵌套表格 4.HTML版个人简历 5.表单输入框 6.邮箱注册表单 代码部分：1.<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><
如何在html中制作个人简历表单
如何封装一个模糊搜查组件
08-06 1万+
这里我给大家介绍一下在html中如何去建一个表格 1.比如以下这个个人信息简历表格 2.在html中用代码做一个表格，首先我们要给他简历一个整体框架，比如这个表格是几行几列，弄好框架之后再去弄里面的合并列或者合并行这些东西，这里的话，一个表格的结构为以下代码 <style> .tbb{width: %50;border-collapse: collapse; width: 500p...
HTML5 WebSocket：实现高效实时通讯
最新发布
Smell_of_earth的博客
04-28 474
HTML5 WebSocket 是全双工通讯协议，可实现客户端与服务器双向数据传输，相比传统方式更省资源、实时，有相关API及应用实例 。
HTML5好看的水果蔬菜在线商城网站源码系列模板5
CSDN博客专家，系统架构师，有合作、疑惑请私信博主。
04-17 2万+
HTML5好看的水果蔬菜在线商城网站源码系列模板5，水果蔬菜在线商城源码，最全商城模板，水果蔬菜模板，一款大气的网上蔬菜店/水果店购物商城HTML模板，内置八个模板页面，覆盖各种商城需求页面，，酷炫的界面效果，简易的整体风格，实现了商店的所需功能，登录，注册，网格列表，信息列表，我的订单，表单，导航菜单，列表等，注释完整，代码规范，各种风格都有，代码上手简单，代码独立，可以直接运行使用。也可直接预览效果。
HTML制作简历指南
9. 响应式设计：在如今的多设备互联网时代，制作简历网站时需要考虑响应式设计。HTML结构应该与CSS媒体查询结合，确保简历在不同屏幕尺寸和设备上都能正确显示，提供良好的用户体验。 10. HTML验证：编写有效的HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值