使用HTML写一个简历表格

最新推荐文章于 2024-06-27 22:05:28 发布
最新推荐文章于 2024-06-27 22:05:28 发布
阅读量5.8k 收藏 48
点赞数 4
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/r67686/article/details/119787855
版权
本文介绍了如何使用HTML表格制作个人简历，详细讲解了table、tr、td等标签的使用，包括边框设置、单元格宽高调整、rowspan和colspan属性在合并单元格中的应用，帮助读者掌握创建简历表格的基础知识。
摘要由CSDN通过智能技术生成

代码实现的效果如下：

 代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>填写个人简历</title>
</head>
<body>
    <table border="1" align="center" width="1050" height="800" bordercolor="black">
        <caption>
            <h1>个人简历</h1>
        </caption>
        <tr>
            <td align="center" width="150">姓名</td>
            <td align="center" width="150"></td>
            <td align="center" width="150">性别</td>
            <td align="center" width="150"></td>
            <td align="center" width="150">出生年月</td>
            <td align="center" width="150"></td>
            <td rowspan="3" align="center">照片</td>
        </tr>
        <tr>
            <td align="center" width="150">省份证号码</td>
            <td align="center" width="150"></td>
            <td align="center" width="150">民族</td>
            <td align="center" width="150"></td>
            <td align="center" width="150">政治面貌</td>
            <td align="center" width="150"></td>
        </tr>
        <tr>
            <td align="center" width="150">婚姻状况</td>
            <td align="center" width="150"></td>
            <td align="center" width="150">健康状况</td>
            <td align="center"
最低0.47元/天 解锁文章
r67686
关注
  • 4
    点赞
  • 踩
  • 48
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
HTML写简历表格及内容
weixin_46620826的博客
12-24 1147
一、 HTML写简历表格及内容 二、 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人简历</title> <style type="text/css"> *{ margin: auto; } tr{
HTML制作简易个人简历（表单）
热门推荐
m0_49940462的博客
06-03 2万+
《个人简历》练习效果图如下：
HTML个人简历
10-08
利用HTML5语言编写的个人简历有兴趣的的朋友可以下载下来学习一下
HTML用表格等标签创建一个个人简历
最新发布
qq_61913550的博客
06-27 433
【代码】HTML用表格等标签创建一个个人简历。
html个人简历表格制作
01-17
html个人简历表格制作
HTML个人简历模板
11-23
HTML个人简历，非常好看，适合个人主页，非常非常非常帅气
用HTML写个人简历
Faith_xzc
02-27 1549
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="K...
35个静态HTML个人简历模板
06-24
在IT行业中，网页设计是至关重要的领域，尤其是对于求职者来说，一个优秀的个人简历网站能够有效地展示自身技能和经历。本资源提供了35个静态HTML个人简历模板，这些模板设计独特，易于理解和编辑，适用于那些希望在...
前端开发简历表格模板
07-24
标题为“前端开发简历表格模板”的资源正为此目的而准备，旨在帮助求职者高效地创建自己的专业简历。 这个模板采用DOC格式，保证了兼容性和易编辑性，使得用户可以轻松地使用Microsoft Word或类似的文本处理软件...
音乐视频网站编辑简历表格.docx
12-16
通过对音乐视频网站编辑简历表格的分析，我们可以总结出以下几个知识点： 1.互联网及相关业务知识：了解互联网的基本概念和发展趋势，熟悉相关业务的运作模式和发展前景。 2.CMS文章发布系统知识：了解内容管理...
HTML制作个人简历的简单实现
09-28
在本例中，HTML代码展示了如何使用不同的标签来构建一个个人简历。下面将详细介绍每个部分所体现的知识点： 1. 文档类型声明：在代码的开头，使用了`<!DOCTYPE html>`来告知浏览器当前页面使用的HTML版本是HTML5。 ...
用H5 的table标签制作个人简历的表格.html
09-21
用Visual Studio Code编译器中的H5中table标签制作一个表格，这个是只用Table标签制作了一个个人简历的表格
用html写个人简历
weixin_44960513的博客
05-05 2万+
本文讲述了如何用html来写一份简单的个人简历 个人简历 个人简历 <table border="1" cellspacing="0px" style="margin:auto;" width="800px"> <tr height="50" style="text-align: center;"> ...
html 简历表格
weixin_30940783的博客
12-18 172
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...
HTML简历表格
weixin_34029680的博客
11-11 136
效果图   [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设计简历表,HTML table制作个人简历
weixin_36467048的博客
06-08 2128
如何制作个人简历？说到简历，大家应该第一个想到的是ps，或者使用word表格来制作打印可是很多时候带着的时候并不方便，所以今天我们教大家用html的table标签来制作个人简历需要的时候无论哪个手机都可以查看自己的简历！是不是很方便呢？----------------------------------------------------------------ok！废话不多说，直接上教程：tab...
html：运用表单表格制作简易个人简历
astar2022的博客
07-14 1809
谢谢大家观看我们下期再见！
用HTML做一份个人简历
ZYuAYuLuuu的博客
06-04 8050
学习了基本的HTML知识后，今天尝试用Html做一份个人简历。需要用到的基础知识是： Html表格：以<table></table>标签作为开始，
HTML表格简历
光何
09-26 720
效果图 基本情况 姓名 性别 民族 出生年月 政治面貌 健康情况 籍贯 学历 电子
用HTML写个简约的简历表格
03-28
<!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> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even){background-color: #f2f2f2} th { background-color: #4CAF50; color: white; } </style> </head> <body> <table> <tr> <th colspan="2">个人信息</th> </tr> <tr> <td>姓名</td> <td>张三</td> </tr> <tr> <td>性别</td> <td>男</td> </tr> <tr> <td>出生日期</td> <td>1990年1月1日</td> </tr> <tr> <td>联系电话</td> <td>138****1234</td> </tr> <tr> <td>电子邮箱</td> <td>zhangsan@163.com</td> </tr> <tr> <th colspan="2">教育背景</th> </tr> <tr> <td>学历</td> <td>本科</td> </tr> <tr> <td>毕业院校</td> <td>XXX大学</td> </tr> <tr> <td>专业</td> <td>计算机科学与技术</td> </tr> <tr> <td>毕业时间</td> <td>2012年6月</td> </tr> <tr> <th colspan="2">工作经历</th> </tr> <tr> <td>公司名称</td> <td>ABC公司</td> </tr> <tr> <td>职位名称</td> <td>软件工程师</td> </tr> <tr> <td>工作时间</td> <td>2012年7月至今</td> </tr> <tr> <td>工作内容</td> <td> <ul> <li>负责公司项目的开发、测试和维护</li> <li>参与公司产品的需求分析和设计过程</li> <li>协助团队成员解决技术难题</li> </ul> </td> </tr> </table> </body> </html>
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值