html实现个人简历表格

最新推荐文章于 2024-07-08 12:47:01 发布
最新推荐文章于 2024-07-08 12:47:01 发布
阅读量2.9k 收藏 19
点赞数 4
分类专栏： Web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AK47red/article/details/116613063
版权 
<!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 tr td {
            width: 30px;
            height: 30px;
            text-align: center;
            font-size: 3px;
            padding: 0;
        }

        .color {
            background-color: #c4dcf3;
        }

        .textleft {
            padding-left: 8px;
            text-align: left;
        }
    </style>
</head>

<body>
    <h2 style="text-align: center; margin-bottom: 5px;">个人简历</h2>
    <table cellspacing="0" width="570px" height="660px" border="1" align="center">
        <tr>
            <td colspan="2" bgcolor="#c4dcf3">姓&nbsp;&nbsp;名</td>
            <td colspan="2"></td>
            <td colspan="2" bgcolor="#c4dcf3">性&nbsp;&nbsp;别</td>
            <td colspan="2"></td>
            <td colspan="2" bgcolor="#c4dcf3">出生年月</td>
            <td colspan="2"></td>
            <td colspan="2" bgcolor="#c4dcf3">籍&nbsp;&nbsp;贯</td>
            <td colspan="2"></td>
            <td colspan="3" rowspan="3" style="width: 40px;">照 <br> 片</td>
        </tr>

        <tr>
            <td colspan="2" bgcolor="#c4dcf3">民&nbsp;&nbsp;族</td>
            <td colspan="2"></td>
            <td colspan="2" bgcolor="#c4dcf3">身&nbsp;&nbsp;高</td>
            <td colspan="2"></td>
            <td colspan="2" bgcolor="#c4dcf3">体&nbsp;&nbsp;重</td>
            <td colspan="2"></td>
            <td colspan="2" bgcolor="#c4dcf3">健康状况</td>
            <td colspan="2"></td>
        </tr>

        <tr>
            <td colspan="2" bgcolor="#c4dcf3">政治面貌</td>
            <td colspan="2"></td>
            <td colspan="2" bgcolor="#c4dcf3">婚&nbsp;&nbsp;否</td>
            <td colspan="2"></td>
            <td colspan="2" bgcolor="#c4dcf3">现所在地</td>
            <td colspan="2"></td>
            <td colspan="2" bgcolor="#c4dcf3">学&nbsp;&nbsp;历</td>
            <td colspan="2"></td>
        </tr>

        <tr>
            <td colspan="3" bgcolor="#c4dcf3">毕业院校</td>
            <td colspan="3"></td>
            <td colspan="3" bgcolor="#c4dcf3">所学专业</td>
            <td colspan="3"></td>
            <td colspan="3" bgcolor="#c4dcf3">毕业时间</td>
            <td colspan="4"></td>
        </tr>
        <tr>
            <td class="color" colspan="3"> 联系电话</td>
            <td colspan="6"></td>
            <td class="color" colspan="3"> 联系电话</td>
            <td colspan="7"></td>
        </tr>
        <tr>
            <td class="color" rowspan="4" colspan="2">技能爱好</td>
            <td colspan="17" class="textleft">计算机水平：</td>

        </tr>
        <tr>
            <td colspan="17" class="textleft">外语水平：</td>
        </tr>
        <tr>
            <td colspan="17" class="textleft">其他技能：</td>
        </tr>
        <tr>
            <td colspan="17" class="textleft">个人爱好及特长：</td>
        </tr>
        <tr>
            <td colspan="2" rowspan="3" class="color">教育<br>背景</td>
            <td colspan="3">起止日期</td>
            <td colspan="6">学&nbsp;&nbsp;&nbsp;校</td>
            <td colspan="8">专&nbsp;&nbsp;业</td>
        </tr>
        <tr>
            <td colspan="3"></td>
            <td colspan="6"></td>
            <td colspan="8"></td>
        </tr>
        <tr>
            <td colspan="3"></td>
            <td colspan="6"></td>
            <td colspan="8"></td>
        </tr>
        <tr>
            <td colspan="2" rowspan="3" class="color">工作<br>经历</td>
            <td colspan="3">起止日期</td>
            <td colspan="6">工作单位</td>
            <td colspan="8">职务及主要工作职责</td>
        </tr>
        <tr>
            <td colspan="3"></td>
            <td colspan="6"></td>
            <td colspan="8"></td>
        </tr>
        <tr>
            <td colspan="3"></td>
            <td colspan="6"></td>
            <td colspan="8"></td>
        </tr>
        <tr>
            <td colspan="2" rowspan="3" class="color">培训<br>经历</td>
            <td colspan="3">培训时间</td>
            <td colspan="6">培训组织机构</td>
            <td colspan="8">培训内容及结果</td>
        </tr>
        <tr>
            <td colspan="3"></td>
            <td colspan="6"></td>
            <td colspan="8"></td>
        </tr>
        <tr>
            <td colspan="3"></td>
            <td colspan="6"></td>
            <td colspan="8"></td>
        </tr>
        <tr>
            <td colspan="2" rowspan="2" class="color">获奖情况</td>
            <td colspan="17" rowspan="2" ></td>
        </tr>
        <tr>
            
        </tr>
        <tr>
            <td colspan="2" rowspan="2" class="color">自我评价</td>
            <td colspan="17" rowspan="2"></td>
            
        </tr>
             
        <tr>
        </tr>
        
        
    </table>
</body>

</html>

在这里插入图片描述

HelloWorld. py
关注
  • 4
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
HTML+CSS简历模版
HieTon的博客
09-22 1504
一个没有技术含量的简历模板
HTML用表格等标签创建一个个人简历
qq_61913550的博客
06-27 419
【代码】HTML用表格等标签创建一个个人简历。
【前端】HTML实现个人简历信息填写页面
2303_80341387的博客
05-06 1661
然后，我们可以看到”请应聘者确认“这几个字是加大加粗的效果，这个时候我们就需要借助于标题标签来实现这种效果。为了提高用户体验的质量，我们希望我们在鼠标点击姓名，此时光标能够自动选中文本框，这个效果我们可以使用。标签来实现，其次，这个表头信息的字体是加大加粗的，那么我们就可以使用标题标签来实现这样一个效果。这一行，我们发现姓名这一行占了两个单元格，姓名占了一个单元格，输入框占了一个单元格。首先页面最上方的“请填写简历信息”几个字就相当于是我们的表格中的表头信息。这一行，我们来实现一下这一行。
小练习使用html 中table表格 实现个人简历
m0_58032275的博客
10-12 720
简单实用表格实现个人简历 ​ 代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>个人简历</title> </head> <body bgcolor="#e0e0eb"> <h2 align="center">个人简历</h2> <table border="1" cellspacing="0" align=
HTML实现个人简历信息展示页面
最新发布
Hi_Html的博客
07-08 158
首先，我们需要设置 HTML 的基础结构。以下是一个简单的 HTML 文档结构，其中包括头部信息和一个主体部分。继续添加荣誉奖励、科研经历、所获证书、实习工作经历、学生干部经历和兴趣爱好等模块。标签内添加一个标题和一个包含个人信息的表格。标签作为分隔符，并创建一个新的表格来列出教育经历。标签和相应的表格或列表来组织内容。标签创建表格，并使用。
用HTML代码实现个人简历的编写
weixin_43164078的博客
01-12 2万+
小白 第二弹——用html代码（完成下面简历的内容）写出个人简历 话不多说 先放图 首先先要明确两个知识点（html中table标签的使用）【注：以下代码是先测试两个知识点】 先构造一个表格 （1）跨列合并 代码格式：<td colspan="3"></td> 如果仅仅是将上述代码写在标签中会产生下面的情况 合并那一行中多出个一个单元格，所以要在在该行中下面注释掉一个单元格 如果要合并3列则需要在其下面注释掉2个单元格 <tr> <td
HTML+CSS例子＞个人简历表格
站在巨人的肩膀上前行
03-23 1083
<!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>个.
【基于HTML5的网页设计及应用】——实现个人简历表格和伪类选择器应用
shsjssnn的博客
11-02 1355
【基于HTML5的网页设计及应用】——实现个人简历表格和伪类选择器应用
html做表格（个人简历）
热门推荐
otatoz
07-30 3万+
首先要知道表格中的几个重要属性： align：让内容居中，取值为left、right、center border：设置表格的边框 cellspacing：单元格与单元格之间的距离 bgcolor：表格的背景色 colspan：跨列数 rowspan：跨行数 代码： <!DOCTYPE html> <html lang="en"> <head&...
html设计简历表,HTML table制作个人简历
weixin_36467048的博客
06-08 2117
如何制作个人简历？说到简历，大家应该第一个想到的是ps，或者使用word表格来制作打印可是很多时候带着的时候并不方便，所以今天我们教大家用html的table标签来制作个人简历需要的时候无论哪个手机都可以查看自己的简历！是不是很方便呢？----------------------------------------------------------------ok！废话不多说，直接上教程：tab...
单页个人简历html模板
06-24
不过，一般来说，这个压缩包应该包含了所有必要的HTML文件、CSS样式表、JavaScript脚本、图片和其他资源，用户只需解压并根据指导进行编辑，就可以创建自己的个人简历网站。 综上所述，单页个人简历html模板是一个...
HTML5实现简洁好看的个人简历网页模板源码
07-02
HTML5实现简洁好看的个人简历网页模板源码，大作业求职简历源码，个人主页源码，大作业个人网站源码，大作业个人简历源码，网站模板，页面内容有首页、关于我、工作经验、学习教育、个人技能、专业特长、朋友评价、...
html个人简历.rar
10-24
在"个人简历"这个文件中，包含了上述HTML元素和概念的实现，以创建一个完整的、格式化的个人简历页面。使用HTML制作简历的优点在于它的可编辑性、可分享性和跨平台兼容性，使得求职者可以轻松地自定义和更新他们的...
HTML高大上的个人简历.rar
01-05
在这个“HTML高大上的个人简历”压缩包中，包含了一个针对个人简历设计的HTML模板，特别适合那些想要在线分享或者自定义自己简历的求职者。 首先，HTML简历模板的制作过程中，开发者会使用一系列的HTML标签来构建...
Web简单个人简历
10-23
【HTML 个人简历】是一种基于Web技术创建的电子简历，它使用HTML（HyperText Markup Language）语言来构建页面结构，并通过CSS（Cascading Style Sheets）进行样式设计，以实现美观且功能丰富的在线展示。...
Element模板
wy
06-04 651
<!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>Doc
HTML语义和CSS样式
wy
03-14 315
样式图（一） HTML语义分析 div > (h3 > a), ul > [(li>a)] * 5 HTML 代码实现 <div id="top" class="u"> <h3><a href="#">包食宿</a></h3> <ul> <li class="li_1"><a href="#">申请试听</a&.
继续无聊的样式图
wy
03-13 254
刚接触前端的第6天。。。根据样式做页面好难呀。。。 目前主要的痛点： PS不熟练 页面结构拆分的不合理，简单问题复杂化。。。 css语法不熟悉 脑子不好 所以只能多练习。。。 无聊的样式图（1） h5 <div class="sport"> <div class="title"> <div><img src="images/1_03.jpg" alt=""></div>
图片间隙问题处理
wy
03-23 251
图片下方的间隙问题 问题描述 在一个div标签里嵌套img标签时，img下方与div下方会出现间 <div class="box1"><img src="images/21(D5D5DQF](A0L9O{YSW59.png" alt=""></div> <div class="box2"><img src="images/21(D5D5DQF](A0L9O{YSW59.png" alt=""></div&gt.
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值