html个人简历制作

最新推荐文章于 2023-04-02 14:43:24 发布
最新推荐文章于 2023-04-02 14:43:24 发布
阅读量359 收藏 1
点赞数
分类专栏： web 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_54243053/article/details/112755581
版权

html个人简历制作

合并步骤

  • 确定跨什么
  • 找目标单元格，写上合并方式=合并单元格数量 例如<td colspan="2"></td>.
  • 删除多余单元格
项目合并单元格
跨行 roespan=“合并单元格个数最上侧单元格为目标单元格 写合并
跨列 colsoan=“合并单元格个数最左侧单元格为目标单元格 写合并 代码

简历样式确定

在这里插入图片描述

设计代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
		table{
			border-collapse: collapse;
         text-align:center
		}
		td,th{
			width: 80px;
			height: 30px;
			border:1px solid black;
        
         
		}
	</style>
</head>
<body>
    <table align="center" > 
        
      <caption>个人简历</caption>

        <tr>            <!-- 1 -->
            <td rowspan="2">姓名 </td>
            <td rowspan="2"> </td>
            <td> 性别</td>
            <td> </td>
            <td> 文化程度</td>
            <td> </td>
            <td rowspan="3"> 照片</td>
         </tr>                 

         <tr>
                           <!-- 2 -->

            
            <td> 身高</td>
            <td> </td>
            <td>政治面貌 </td>
            <td> </td>
            
         </tr>          
         <tr>
                             <!-- 3 -->

            <td>籍贯 </td>
            <td colspan="2"> </td>
            <td>出生年月 </td>
            
            <td colspan="2"> </td>
            
            
            
         </tr>          
         <tr>
                       <!--4 -->

            <td> 户籍所在地</td>
            <td colspan="2"> </td>
            
            <td>婚否 </td>
            <td> </td>
            <td> 民族</td>
            <td> </td>
         </tr>          
         <tr>
                            <!-- 5 -->

            <td> 身份证号码</td>
            <td colspan="2"> </td>
            
            <td > 现居住地址</td>
            <td colspan="3"> </td>
            
         </tr>   
         <tr>
                            <!-- 6 -->

            <td>毕业院校 </td>
            <td colspan="3"> </td>
            
            <td >毕业时间 </td>
            <td colspan="2"> </td>
            
         </tr>   
         <tr>
                            <!--7 -->

            <td>学习专业 </td>
            <td colspan="3"> </td>
            
            <td >爱好特长 </td>
            <td colspan="2"> </td>
         </tr> 



 
           <!--身体 -->
        <tr>            <!-- 1 -->
            <td rowspan="2">个人简介 </td>
            <td colspan="6"> </td>
            
         </tr>                 

         <tr>
                           <!-- 2 -->

            
            <td colspan="6"> </td>
            
         </tr>          
         <tr>
                             <!-- 3 -->

            <td>就学时间 </td>
            <td colspan="2"> 学校 </td>
            
            <td>学年 </td>
            <td> 学历</td>
            <td> 专业</td>
            <td> 担任职务</td>
         </tr>          
         <tr>
                       <!--4 -->

            <td> </td>
            <td colspan="2"> </td>
            
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
         </tr>          
         <tr>
                            <!-- 5 -->

            <td> </td>
            <td colspan="2"> </td>
           
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
         </tr>   
         <tr>
                            <!-- 6 -->

            <td> 英语应用水平</td>
            <td colspan="3"> </td>
            
            <td>职业期望 </td>
            <td colspan="2"> </td>
            
         </tr>   
         <tr>
                            <!--7 -->

            <td> 计算机应用水平</td>
            <td colspan="3"> </td>
            
            
            <td>生活要求 </td>
            <td colspan="2">  </td>
            
         </tr> 
         <tr>            <!-- 8 -->
            <td  rowspan="4">工作经历 </td>
            <td> 时间</td>
            <td colspan="3">工作地点 </td>
            
            <td colspan="2"> 职务</td>
            
         </tr>                 

         <tr>
                           <!-- 9-->

            
            <td> </td>
            <td colspan="3"> </td>
            
            <td colspan="2"> </td>
            
         </tr>          
         <tr>
                             <!-- 10 -->

            
            <td> </td>
            <td colspan="3"> </td>
            
            <td colspan="2"> </td>
            
         </tr>          
         <tr>
                       <!--11 -->

           
            <td> </td>
            <td colspan="3"> </td>
            
            <td colspan="2"> </td>
            
         </tr>          
         <tr>
                            <!-- 12 -->

            <td> 待遇要求</td>
            <td colspan="6"> </td>
          
         </tr>   
         <tr>
                            <!-- 13 -->

            <td rowspan="2"> 联系方式</td>
            <td>移动电话 </td>
            <td> </td>
            <td> 现住地址</td>
            <td> </td>
            <td> 邮编</td>
            <td> </td>
         </tr>   
         <tr>
                            <!--14 -->

            
            <td>紧急联系人 </td>
            <td> </td>
            <td>与本人关系 </td>
            <td> </td>
            <td> 联系电话</td>
            <td> </td>
         </tr> 
        
     </table>
</body>
</html>
疯狂减肥的叶子
关注
专栏目录
用html css做的个人简历
06-20
用html css做的个人简历适合初学者借鉴，可用于完成作业。
html代码做的个人简历
09-12
HTML做的个人简历，非常好看，很适合个人主页 ，初学前端做的
html制作个人简历
m0_64242574的博客
05-18 2万+
前几天我为大家介绍了些html的标签，利用这些标签咱们可以简单制作个简历，来巩固知识。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人简历</title> </head> <body background="01bb62571600ba32f8758c9b79b318.jpg@2o.jpg">
HTML个人简历
10-08
利用HTML5语言编写的个人简历有兴趣的的朋友可以下载下来学习一下
HTML 制作简单的个人简历
qq_41025577的博客
06-26 5215
在以前学HTML的时候，对于表格的运用只知道td、tr，趁着这个暑假重新学习html进行查缺补漏。 现在我们就先来学学表格的一些简单运用。 第一步：先制作一个简单的6行7列表格。最后一列的宽度设置为200px，再在table里将cellspacing设置为0，cellspacing表示单元格的间隙。 第二步：开始合并单元格，所用到的属性有colspan和rowspan。 colspan表示行合并 rowspan表示列合并 这样合并一下，个人简历表的大致雏形就做好了。 这是最终的效果。 接下来上完整
html制作好看的个人简历(源码)
03-29
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下...
HTML制作个人简历的简单实现
09-28
HTML制作个人简历的知识点： HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。它通过一系列的标签（tags）来定义网页的内容和结构。个人简历的制作，通常是网页制作中一个...
HTML+CSS制作个人简历web网页.zip
12-10
HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。 HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。 HTML+CSS制作...
html个人简历表格制作
01-17
html个人简历表格制作
Web前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历.zip
05-09
Web前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历 Web前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历 Web前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历 Web前端静态...
HTML制作个人简历
weixin_51736721的博客
06-02 631
制作要求：
html制作好看的个人简历(附源码)
热门推荐
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
03-29 3万+
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下，扩展更多其他效果。
利用html+css制作个人简历
最新发布
WeiComp
04-02 1万+
使用html和css，制作一份个人简历（内容比较基础，上手容易）
如何在html中制作个人简历表单
如何封装一个模糊搜查组件
08-06 1万+
这里我给大家介绍一下在html中如何去建一个表格 1.比如以下这个个人信息简历表格 2.在html中用代码做一个表格，首先我们要给他简历一个整体框架，比如这个表格是几行几列，弄好框架之后再去弄里面的合并列或者合并行这些东西，这里的话，一个表格的结构为以下代码 <style> .tbb{width: %50;border-collapse: collapse; width: 500p...
使用HTML制作个人简历
song_dehao的博客
08-13 1万+
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*通过给td设置高度和宽度，进而
用html制作个人简历
FantfH的博客
07-06 3066
用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和css制作一个个人简历网页
03-22
个人简历 body { font-family: Arial, sans-serif; background-color: #f2f2f2; } h1 { text-align: center; margin-top: 50px; } .container { width: 80%; margin: 0 auto; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值