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文件夹中的 ...
随机推荐
- NSURLSession中的downloadTask的使用
1.用downloadTask下载图片 优点:简单 缺点:不能监听下载的进度 代码示例: NSURL *url = [NSURL URLWithString:@"http://pic1.wi ...
- 剑指offer 12:二进制中1的个数
题目描述 输入一个整数,输出该数二进制表示中1的个数.其中负数用补码表示. 解法一:设置标志为flag=1,逐个位移至不同位置,比较是否为1. C++实现 class Solution { publi ...
- 记录C#泛型
常见的泛型类型 泛型类 class MyClass<T> { //...... } 泛型接口 interface GenericInterface<T> { void Gene ...
- 使用 shopfiy 模板语言,创建产品模板以搭配购物车实现一键购买
shopfiy 的 product 在添加产品时,如果要将产品详情页面与购物车关联,就是在详情页里面直接下单,而不是从详情页通过点击购买按钮,跳到 shopfy stroe ,再从这个位置再跳转到下单 ...
- centos 下创建本地镜像源,结合 nginx
1. 创建同步文件 参考清华的Centos源,配置同步文件.https://mirrors.tuna.tsinghua.edu.cn/help/centos/ [root@localhost cent ...
- Sublime打开txt文本乱码的解决方法
Ctrl + Shift + P打开命令行 输入 install ,先安装 Package Control 安装成功会提示你 现在你可以使用命令面板并键入“install package”开始 然后 ...
- ipvsadm用法
其实LVS的本身跟iptables很相似,而且连命令的使用格式都很相似,其实LVS是根据iptables的框架开发的,那么LVS的本身分成了两个部分: 第一部分是工作在内核空间的一个IPVS的模块,其 ...
- (day53)五、模型层(ORM)、settings文件配置
目录 一.settings配置 (一)测试文件配置 (二)查看对应sql语句 二.模型表数据的增删改查 (一)创建数据 (1)create方法 (2)利用对象的绑定方法 (二)修改数据 (1)利用qu ...
- Vue 使用comouted计算属性
computed计算属性 使用方法见代码: <!doctype html> <html lang="en"> <head> <meta c ...
- 本博客采用 CC BY-NC-SA 4.0 进行许可
本博客采用 CC BY-NC-SA 4.0 进行许可