HTML 使用表格制作简单的个人简历
复习一下HTML，用表格做一个简单的个人简历
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.btbg{ text-align:center; }
</style>
</head>
<body>
<table border="" align="center" width="100%" cellpadding="" cellspacing="">
<tr>
<td align="center" height="">个人简历</td>
<tr>
</table>
<table class="tabtop" width="45%" border="" cellpadding="" cellspacing="" align="center">
<tr>
<td class="btbg" >姓名</td>
<td width="10%" class="btbg" ></td>
<td width="10%" class="btbg" >性别</td>
<td width="10%" class="btbg" ></td>
<td class="btbg" width="10%">出生日期</td>
<td colspan="" class="btbg" width="10%"></td>
<td colspan="" class="btbg" width="10%" rowspan="">照片</td>
</tr>
<tr>
<td class="btbg">民族</td>
<td class="btbg"></td>
<td class="btbg">政治面貌</td>
<td class="btbg"></td>
<td class="btbg">婚姻状况</td>
<td class="btbg"></td>
</tr>
<tr>
<td class="btbg">现所在地</td>
<td class="btbg"></td>
<td class="btbg">籍贯</td>
<td class="btbg"></td>
<td class="btbg">学历</td>
<td class="btbg"></td>
</tr>
<tr>
<td width="8%" class="btbg">毕业学校</td>
<td colspan="" width="8%" class="btbg"></td>
<td width="8%" class="btbg">专业</td>
<td colspan="" width="8%" class="btbg"></td>
</tr>
<tr>
<td class="btbg" rowspan="">学习经历</td>
<td colspan="" class="btbg">起止年月</td>
<td colspan="" class="btbg">就读（培训）学校</td>
<td colspan="" class="btbg">专业/课程</td>
</tr>
<tr>
<td colspan="" class="btbg"> </td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td colspan="" class="btbg"> </td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td colspan="" class="btbg"> </td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td colspan="" class="btbg"> </td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td class="btbg" rowspan="">工作经历</td>
<td colspan="" class="btbg">起止年月</td>
<td colspan="" class="btbg">工作单位</td>
<td colspan="" class="btbg">职责</td>
</tr>
<tr>
<td colspan="" class="btbg"> </td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td colspan="" class="btbg"> </td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td colspan="" class="btbg"> </td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td colspan="" class="btbg"> </td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td colspan="" class="btbg" rowspan="">求职意向</td>
<td colspan="" class="btbg" rowspan=""></td>
</tr>
</table>
</body>
</html>
相信很多人在刚接触前端或者中期时候总会遇到一些问题及瓶颈期，如学了一段时间没有方向感或者坚持不下去一个人学习枯燥乏味有问题也不知道怎么解决，对此我整理了一些资料 喜欢我的文章想与更多资深大牛一起讨论和学习的话 欢迎加入我的学习交流群907694362
HTML 使用表格制作简单的个人简历的更多相关文章
- Microsoft Excel Sheet/表格 制作折线图
Microsoft Excel Sheet/表格 制作折线图 虽然比较简单,但是仍然需要稍微花一点功夫. 1.制作好表格数据 2.先将数据选定(不包括 横座标的 年月日或其他的刻度 的那一列) 3.插 ...
- Highcharts使用教程（1）：制作简单图表
今天我们要使用JavaScript图表Highcharts制作简单的柱形图,我们已经安装好Highcharts,让我们开始制作图表吧. 步骤一 在网页中添加一个div.设置id,设置图表长.高.代码如 ...
- ZAM 3D 制作简单的3D字幕 流程(二)
原地址:http://www.cnblogs.com/yk250/p/5663907.html 文中表述仅为本人理解,若有偏差和错误请指正! 接着 ZAM 3D 制作简单的3D字幕 流程(一) .本篇 ...
- phalcon: eventManager事件管理（结合dispatcher调度控制器）制作简单的acl
制作简单的acl, dispatcher(专门用来加载或调度或跳转到相应的url地址即XXXcontroller的调度器或控制器,能够在controller执行前对controller进行停止跳转等) ...
- canvas制作简单动画
在画布元素<canvas>中,除了绘制图形.图像.文字外,还可以制作一些简单的动画,制作过程十分简单,主要分为两步操作: 1．自定义一个函数,用于图形的移动或其他动作. 2．使用setIn ...
- JSP制作简单登陆
JSP制作简单登陆界面 运行环境 eclipse+tomcat+MySQL 不知道的可以参考Jsp运行环境--Tomcat 项目列表 这里我先把jsp文件先放在Web-INF外面访问 需要建立的几个文 ...
- Photoshop 基础三 制作简单按钮
要求知识点:移动工具.选择工具.套索工具.多边行工具.文本工具.路径选择工具.裁剪.填充 一.制作简单按钮 1)新建画布,大小随便 2)画圆角矩形工具(同时定义背景色.边框是否需求.边框颜色) 3)打 ...
- 【教程】新手如何制作简单MAD和AMV，学不会那都是时辰
[教程]新手如何制作简单MAD和AMV,学不会那都是时 http://tieba.baidu.com/p/2303522172 [菜鸟教你做MAD]Vegas制作MAD入门教程 http://tieb ...
- Tkinter制作简单的python编辑器
想要制作简单的python脚本编辑器,其中文字输入代码部分使用Tkinter中的Text控件即可实现. 但是问题是,如何实现高亮呢?参考python自带的编辑器:python27/vidle文件夹中的 ...
随机推荐
- linux用户管理章节笔记
1 更改有效用户组 :newgrp zeng 把当前用户的有效用户组更改为zeng.事后可以使用groups命令查看. 2 在使用useradd命令增加用户时,在/etc/passwd的值一般会参考 ...
- 一文解读DevOps工具链 (转)
在列出DevOps 工具链之前,介绍一下什么是DevOps,虽然DevOps这个概念现在还没有标准的定义,但我们可以追溯一下其过去九年的历史发展过程(从2009年-2017年),列出几个相对明确又有所 ...
- [Linux]gocron定时任务平台的部署
采用二进制文件的方式部署非常简单,因为go已经把源码打包成了可执行文件,下载下来直接运行就可以了,不需要自己去编译和配置依赖 下载执行文件的地址是:https://github.com/ouqiang ...
- SpringCloud学习笔记（七、SpringCloud Netflix Zuul）
目录: springcloud整合eureka.config.zuul zuul源码分析 springcloud整合eureka.config.zuul: 1.架构图 2.GitHub:https:/ ...
- testNG xml文件详解
网上看到一篇整理的非常详细的xml文件详解,分享一下: 1 <?xml version="1.0" encoding="UTF-8"?> 2 < ...
- jQuery中的工具（十）
1. jQuery.each(object, [callback]), 通用遍历方法,可用于遍历对象和数组 不同于遍历 jQuery 对象的 $().each() 方法,此方法可用于遍历任何对象.回调 ...
- CF1225A Forgetting Things
CF1225A Forgetting Things 洛谷评测传送门 题目描述 Kolya is very absent-minded. Today his math teacher asked him ...
- Java并发编程核心知识体系精讲
第1章 开宗明义[不看错过一个亿]本章一连串设问:为什么学并发编程?学并发编程痛点?谁适合学习本课?本课程包含内容和亮点?首先4大个理由告诉你为什么要学,其实源于JD岗位要求就不得不服了.其次5个痛点 ...
- windows远程工具RDO和RDC使用问题
一. Remote Desktop Organizer远程连接时报错 解决方法: 二. Remote Desktop Connection Manager远程电脑没有全屏,右边和下边有滚动条 解决方法 ...
- 事件代理/事件委托----点击li弹出对应的下标和内容
<body> <ul> <li>这是第一行</li> <li>这是第二行</li> <li>这是第三行</li ...