`
qingBYqing
  • 浏览: 50480 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

手写的求职模板(table的控制)

阅读更多
效果图:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>table instance</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
<meta name="author" content="http://qingbyqing.iteye.com/" />


<style type="text/css" media="all">
table{
   width:600px;
   height:auto;
   text-align:center;
   margin:40px 400px 0px;
   border:1px double #bbb;
}
.element{
  font-family:"宋体";
  font-size:14px;
  color:#444;
  border:1px double #888;
  background:#eee;

}
.value{
 empty-cells:hide; 
 border:1px dashed #888;
}
.value:active{
 empty-cells:hide; 
 border:1px solid green;
}

caption{
  
   font-family:"黑体",serif;
   font-size:24px;
   letter-spacing:5px;

}

.key{
font-family:"黑体",serif;
  font-size:18px;
  color:#333;
  width:20px;
  border:1px double #888;
  background:#ccc;

}
.element{
  width:20%;
   height:auto;
   text-align:center;

}
input{
 width:100%;
 height:auto;
 border:hidden;

}

 
</style>

</head>

<body>

<table  border="2px double " id="tableID" summary="简历,应届毕业生初级软件工程师求职简历,25行6列" >
<caption>应届毕业生软件工程师求职简历模板</caption>

<tbody>
<tr>
<td rowspan="5" class="key">基本信息</td>
<td class="element"> 姓名</td><td class="value"><input type="text"></input></td>

<td class="element"> 性别</td><td class="value"><input type="text"></input></td>
<td class="element" rowspan="5"> 照片</td>
</tr>

<tr>
<td class="element">居住地</td> <td class="value"><input type="text"></input></td>
<td class="element">出生年月</td> <td class="value"><input type="text"></input></td>
</tr>

<tr>
<td class="element">专业</td> <td class="value"><input type="text"></input></td>
<td class="element">学历</td> <td class="value"><input type="text"></input></td>
</tr>

<tr>
 <td rowspan="2" class="element">联系方式</td><td class="element">手机</td> 
 <td class="value" colspan="2"><input type="text"/></td>
 
 <tr>
 <td  class="element">邮箱</td>
 <td class="value" colspan="2"><input type="text"></input></td>
 
 </tr> 
 
 </tr>
</tbody>

<tbody>
<tr>

<td rowspan="10" class="key">专业技能</td>

<td  class="element" rowspan="4"> java</td>


<td></td>

<tr><td class="value" colspan="4"><input type="text"></input></td></tr>
 
<tr><td class="value" colspan="4"><input type="text"></input></td></tr>

<tr><td class="value" colspan="4"><input type="text"></input></td></tr>


<tr>
<td class="element" rowspan="3">SQL</td>
<tr><td class="value" colspan="4"><input type="text"></input></td></tr>
 
<tr><td class="value" colspan="4"><input type="text"></input></td></tr>


</tr>

<tr>
<td class="element" rowspan="3">web</td>
<tr><td class="value" colspan="4"><input type="text"></input></td></tr>
 
<tr><td class="value" colspan="4"><input type="text"></input></td></tr>

</tr>


<tr>

<td rowspan="10" class="key">项目经验</td>

<td class="element" >项目名称</td>
<td class="value" colspan="4"><input type="text"></input></td>


<tr>
<td rowspan="4" class="element">项目详细</td>
<tr><td class="value" colspan="4"><input type="text"></input></td></tr>
 
<tr><td class="value" colspan="4"><input type="text"></input></td></tr>
<tr><td class="value" colspan="4"><input type="text"></input></td></tr>

</tr>

</tbody>

<tbody>

<tr>

<td rowspan="4" class="key">教育经历</td>


<td class="element">时间</td><td class="element" colspan="3">地点</td><td class="element">程度</td>
<tr><td class="value" ><input type="text"></input></td>
 
<td class="value" colspan="3"><input type="text"></input></td>
<td class="value" ><input type="text"></input></td>

</tr>
<tr><td class="value" ><input type="text"></input></td>
<td class="value" colspan="3"><input type="text"></input></td>
<td class="value" ><input type="text"></input></td>

</tr>

<tr><td class="value" ><input type="text"></input></td>
 
<td class="value" colspan="3"><input type="text"></input></td>
<td class="value" ><input type="text"></input></td>


</tr>


<tr>
<td rowspan="5" class="key">自我认识</td>
<td rowspan="4" class="element"> 综合素质</td>
<tr><td class="value" colspan="4"><input type="text"></input></td></tr>
 
<tr><td class="value" colspan="4"><input type="text"></input></td></tr>

<tr><td class="value" colspan="4"><input type="text"></input></td></tr>

<tr>
<td class="element">兴趣爱好</td>
<td class="value" colspan="4"><input type="text"></input></td>
 
</tr>

</tr>

</tbody>

</table>

</body>

</html>

  • 大小: 13.7 KB
3
3
分享到:
评论

相关推荐

    大屏手写table轮播表(vue)

    大屏手写table轮播表(vue)

    手写数字识别模板匹配

    在本项目中,我们主要探讨的是“手写数字识别”技术,通过模板匹配的方法实现。这一技术在诸如自动银行存款机、智能邮件分类系统、移动应用的手写输入等场景中有广泛应用。下面将详细介绍该主题涉及的关键知识点。 ...

    手写table 表格排序,固定列拖拉。 固定表头

    表格用法:$("#tableFixId).tableFixId({ tableParentDiv: $("#tableFixId"), //大容器 leftNum: 1, rightNum: 1, fixHead: "csFixed", footTable: 1, exparams: "input" })

    mvc 手写小型php商城模板

    这个模板是完全手写的,没有依赖任何框架,对于初学者来说是一个很好的实践项目,有助于理解PHP编程和MVC设计模式。 ### MVC模式简介 MVC是一种软件设计模式,它将应用程序分为三个核心部分:模型(Model)、视图...

    手写数字识别之模板匹配法_模式识别_memorylmg_Vc_手写数字识别_

    可以使用`minMaxLoc`函数找出最大匹配值的位置,从而确定最匹配的模板。 5. **后处理**:为了提高识别准确率,可能还需要进行一些后处理操作,如非极大值抑制,以消除多处高匹配度的干扰区域。 在实际项目中,可能...

    基于模板的手写汉字识别

    基于模板匹配的手写汉字识别是其中一种常见方法,这种方法主要依赖于预先定义好的模板库,通过比较输入的手写字符与模板库中的模板来确定最相似的模式,从而实现识别。 首先,我们要理解模板匹配的基本原理。模板...

    手写CRF 语言模板

    **手写CRF语言模板详解** 条件随机场(Conditional Random Fields, CRF)是一种用于序列标注的统计建模方法,广泛应用于自然语言处理领域,如词性标注、命名实体识别等任务。在这个“手写CRF语言模板”项目中,我们...

    3种模板匹配法实现的手写数字识别示例

    手写数字识别是一种常见的计算机视觉任务,其目的是通过...通过深入理解这三种模板匹配法的工作原理,并结合实际的编程实践,我们可以构建出更加精准的识别系统,服务于各种应用场景,如自动银行存款机、移动支付等。

    3种VC 模板匹配算法手写识别示例.rar

    3种模板匹配法实现的手写数字识别示例,包括:手写数字识别之Fisher线性判别、手写数字识别之模板匹配法、细化算法三种匹配法,对研究手写识别相当有用处。要视前景是白点还是黑点而定,可以改动如果前景是白点,就是...

    基于欧式距离模板匹配的识别手写体数字.zip

    在识别过程中,项目会将输入的手写数字图像与这些模板逐一比较,找出最匹配的模板,从而判断手写数字的值。 总的来说,这个项目通过结合OpenCV库和模板匹配技术,以欧式距离作为相似度衡量标准,实现了对手写数字的...

    手写数字识别-模板匹配法

    代码确实是可以参考,这只是一个简单的基于模板匹配法、欧式距离的带有界面的手写数字识别实验代码。这个识别率不高,而且需要写在识别区正中央,写得较小的区域才能更好识别哦!反正只是代码参考啦,作为入门,有...

    铅笔手写PPT模板.ppt

    铅笔手写PPT模板.ppt

    笔记本记事本手写写字PPT模板.rar

    笔记本记事本手写写字PPT模板。一套适合教育教学类幻灯片模板,手在记事本笔记本上写字背景。

    【图像识别】基于模板匹配之手写英文字母识别matlab源码.md

    【图像识别】基于模板匹配之手写英文字母识别matlab源码.md

    基于模板匹配的手写数字模式识别PPT学习教案.pptx

    《基于模板匹配的手写数字模式识别》 手写数字模式识别是计算机视觉和人工智能领域的一个重要研究方向,尤其在现代社会中,随着电子设备的普及,手写输入的需求日益增加,如移动支付、智能笔迹识别等。这篇PPT学习...

    手写数字识别之模板匹配法

    4. **确定最佳匹配**:通过比较相似度矩阵中的值,找出最大值或最小值的位置,这对应于原始图像中最匹配模板的区域。 5. **阈值处理**:为了排除噪声和非最优匹配,通常会设置一个阈值,只有超过这个阈值的匹配才被...

    笔记本记事本手写写字PPT模板.pptx

    笔记本记事本手写写字PPT模板.pptx

    手写电脑商务ppt模板.rar

    【手写电脑商务PPT模板】是一种专门设计用于商务演示的视觉工具,它结合了手绘元素和现代科技,如手写电脑或手写笔记本的图像,为展示增添了一种独特的个人风格和创意感。这样的模板通常包含多页布局,以适应各种...

Global site tag (gtag.js) - Google Analytics