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

最新推荐文章于 2025-05-09 11:22:50 发布
最新推荐文章于 2025-05-09 11:22:50 发布
阅读量2.2k 收藏 24
点赞数 34
CC 4.0 BY-SA版权
文章标签： 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> -->
   

最低0.47元/天 解锁文章

200万优质内容无限畅学
X小桃李
关注
html之table表格制作简历
gdd1990shl的博客
03-12 469
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简历</title> <style> tr{height:40px}/*统一设置表格的行高*/ td{width: 80px; padding-left: 20px;/*单元格内容与边框的间距*/ padding-righ
html表格可视化设计器,基于vue-element-ui的一款表格设计器table-making
weixin_32921023的博客
06-07 2443
简介如果你的项目中有很多的表格，即使用element-ui table插件你也必须每次都必须写一遍代码进行开发，如果你使用过表单设计器，你就会希望能得到一款像form表单设计器一样可以通过拖拽配置快速生成一个表格，table-making就是一款不错的表格设计器。参照form-making的源码，并可以集成进form-making中配合表单或其他可视化工具中使用快速设计出表格，并且可以在vue项目...
HTML-个人简历表格制作
qq_53002037的博客
05-25 4599
个人简历表格制作HTML
前端学习（1）—— 使用HTML编写一个简单的个人简历展示页面
最新发布
aaqq800520的博客
05-09 1349
具体的展示效果如下，直接在浏览器页面显示：首先是分析这个页面的结构，除去标题，分为左边和右边两部分，左边相当于我们要输入信息的名称，右边就是我们要输入信息的内容，这个布局我们可以通过表格table标签来完成来完成（
HTML利用表格制作个人简历
qq_44716544的博客
10-04 1072
colspons表示单元格所占的列数； rowspan表示单元格所占的行数 <!doctype html> <html> <head> <meta charset="utf-8"> <title><h1>个人简历</h1></title> </head> <body ...
案例：使用HTML中的 table 标签制作一份个人简历
叶子yes的博客
07-18 1639
一、使用到的知识点 这个小案例中主要使用到的知识点是表格标签中单元格的合并，还使用到了一些表格标签里面的属性，比如宽高属性、水平对齐属性，还有表格边框的设置和合并等。二、单元格合并知识点解释1、水平方向上的单元格合并 可以给td标签添加一个colspan属性, 来指定把某一个单元格当做多个单元格来看待(水平方向) 例如: 含义: 把当前单元格当做两个单元格来看待注意: 由于把某一个单元格当做了多个单元格来看待, 所以就会多出一些单元格, 所以需要删掉一些单元格才能正常显示. 一定要记住单元格...
用html css做的个人简历
06-20
用html css做的个人简历适合初学者借鉴，可用于完成作业。
tableExport_html表格导出excel等多种格式
12-05
在IT行业中，数据的导入和导出是日常工作中不可或缺的一部分，尤其在数据分析、报表制作以及信息共享时。"tableExport_html表格导出excel等多种格式"是一个便捷的工具，它允许用户将HTML表格的数据轻松地导出为Excel...
基于jQuery的HTML表格多格式导出插件设计源码
10-04
源码包中的文件列表显示，这个项目不仅包含了实现功能的JavaScript文件，如tableExport.js和tableExport.min.js，还包含了一些其他辅助文件，例如.gitignore用于版本控制，避免将特定文件提交到代码库；package.json...
基于HTML+CSS制作一个简单的家乡网页制作作业，广州介绍旅游网页设计代码 学生个人html静态网页制作成品代码
08-10
- **Table与表单的应用**：使用表格和表单组件来展示数据或收集用户输入。 - **导航栏效果**：实现了一个响应式的导航菜单，方便用户浏览不同页面。 - **Banner设计**：网页顶部通常有一个醒目的Banner区，用于...
HTML个人简历
10-08
利用HTML5语言编写的个人简历有兴趣的的朋友可以下载下来学习一下
html个人简历表格制作
01-17
html个人简历表格制作
HTML制作个人简历的简单实现
09-28
下面小编就为大家带来一篇HTML制作个人简历的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
HTML简历表格
weixin_34029680的博客
11-11 176
效果图   [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制作个人简历
FantfH的博客
07-06 3170
用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写一个简历表格
r67686的博客
08-30 6163
代码实现的效果如下： 代码如下： <!DOCTYPEhtml> <html> <head> <title>填写个人简历</title> </head> <body> <tableborder="1"align="center"width="1050"height="800"bordercolor="black"> <caption> ...
HTML制作个人简历
weixin_51736721的博客
06-02 701
制作要求：
html制作个人简历
qq_48617322的博客
07-21 809
使用html的表格元素制作个人简历
十分钟手把手教你学会用HTML制作一个静态学术简历
热门推荐
qq_54932411的博客
06-09 10万+
找到与我同名的项目gosling123456.gitHub.io，可以download下来，或者使用git命令下载，然后对其中的文件进行修改。一定要注意路径是相对路径，否则找不到你的文件。当然，如果你是老手，用绝对路径也是没问题的）（其实我的模板也是参见了温洋大神的模板，人现在在洛桑联邦理工,大家可以访问它的主页看看大神的项目）由于大佬们太想进步了，拿的奖越来越多， 简历也需要相应的调整。4.上传文件，可以参见我的另一篇博客，全是干货，没有套路。然后把刚刚下载修改的文件传到下载后的文件夹里。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值