复习一下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">&nbsp</td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td colspan="" class="btbg">&nbsp</td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td colspan="" class="btbg">&nbsp</td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td colspan="" class="btbg">&nbsp</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">&nbsp</td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td colspan="" class="btbg">&nbsp</td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td colspan="" class="btbg">&nbsp</td>
<td colspan="" class="btbg"></td>
<td colspan="" class="btbg"></td>
</tr>
<tr>
<td colspan="" class="btbg">&nbsp</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 使用表格制作简单的个人简历的更多相关文章

  1. Microsoft Excel Sheet/表格 制作折线图

    Microsoft Excel Sheet/表格 制作折线图 虽然比较简单,但是仍然需要稍微花一点功夫. 1.制作好表格数据 2.先将数据选定(不包括 横座标的 年月日或其他的刻度 的那一列) 3.插 ...

  2. Highcharts使用教程(1):制作简单图表

    今天我们要使用JavaScript图表Highcharts制作简单的柱形图,我们已经安装好Highcharts,让我们开始制作图表吧. 步骤一 在网页中添加一个div.设置id,设置图表长.高.代码如 ...

  3. ZAM 3D 制作简单的3D字幕 流程(二)

    原地址:http://www.cnblogs.com/yk250/p/5663907.html 文中表述仅为本人理解,若有偏差和错误请指正! 接着 ZAM 3D 制作简单的3D字幕 流程(一) .本篇 ...

  4. phalcon: eventManager事件管理(结合dispatcher调度控制器)制作简单的acl

    制作简单的acl, dispatcher(专门用来加载或调度或跳转到相应的url地址即XXXcontroller的调度器或控制器,能够在controller执行前对controller进行停止跳转等) ...

  5. canvas制作简单动画

    在画布元素<canvas>中,除了绘制图形.图像.文字外,还可以制作一些简单的动画,制作过程十分简单,主要分为两步操作: 1.自定义一个函数,用于图形的移动或其他动作. 2.使用setIn ...

  6. JSP制作简单登陆

    JSP制作简单登陆界面 运行环境 eclipse+tomcat+MySQL 不知道的可以参考Jsp运行环境--Tomcat 项目列表 这里我先把jsp文件先放在Web-INF外面访问 需要建立的几个文 ...

  7. Photoshop 基础三 制作简单按钮

    要求知识点:移动工具.选择工具.套索工具.多边行工具.文本工具.路径选择工具.裁剪.填充 一.制作简单按钮 1)新建画布,大小随便 2)画圆角矩形工具(同时定义背景色.边框是否需求.边框颜色) 3)打 ...

  8. 【教程】新手如何制作简单MAD和AMV,学不会那都是时辰

    [教程]新手如何制作简单MAD和AMV,学不会那都是时 http://tieba.baidu.com/p/2303522172 [菜鸟教你做MAD]Vegas制作MAD入门教程 http://tieb ...

  9. Tkinter制作简单的python编辑器

    想要制作简单的python脚本编辑器,其中文字输入代码部分使用Tkinter中的Text控件即可实现. 但是问题是,如何实现高亮呢?参考python自带的编辑器:python27/vidle文件夹中的 ...

随机推荐

  1. 基于file上传文件的并发上传(多个文件一起上传到后台并把数据存储的同一条数据中,如 数据库字段videopath,imge。前台发送来的文件file1,file2。 videopath=file1,imge=file2)

    前台代码: <div class="tab-content"> <dl> <dt>所属栏目</dt> <dd> < ...

  2. [日常] git版本回退

    还没有push到远程的时候,版本回退的测试如下 先克隆一个空的测试仓库,这是我自己在gitlab里创建的空仓库git clone http://192.168.1.114:8090/admintsh/ ...

  3. [日常] 使用TCPDUMP和Ethereal抓包分析HTTP请求中的异常情况

    在测试功能的过程中,出现这样一种现象.前端js发起ajax请求后,在浏览器的审查元素网络状态中可以看到status为pending,等15秒以后js会把当前超时的请求取消掉,变成了红色的cancel. ...

  4. Gym 101806T Touch The Sky

    http://codeforces.com/gym/101806/problem/T 题目 In the year 2117, Professor Jaemin Yu developed a line ...

  5. day57 choise字段与ajax

    一.choice字段. 在django的orm中,创建如同性别,民.族等可选择的字段时,可以选择使用choice字段进行定义. 这样的定义可以使用简单的数字代替数据量大的字符,减少数据库的负担. ch ...

  6. Jupyter notebook and Octave kernel installation

    Jupyter notebook 安装 为了更加方便地写 Python 代码,还需要安装 Jupyter notebook. 利用 pip 安装 Jupyter notebook. 为什么要使用 Ju ...

  7. Mybatis环境搭建(二)

    1. 创建Maven Project,选择war,修改pom.xml <properties> <!-- JDK版本 --> <java.version>1.8&l ...

  8. UVA11374 Airport Express 正反两次最短路

    问题描述 洛谷(有翻译) 吐槽 一道坑题. 如何对待商务票 因为商务票只有一张,所以在\(k\)条边中只有一条边会被选中,很显然,最后这条边会被枚举. 如何选择使用商务票的边 假设我们正在枚举这条边, ...

  9. kettle工具字符串替换

    原数据: 去掉括号内容(包括括号,或者替换为指定内容) 即可. 世界之大,这个东西,准确的说正则表达式,我搞了小半天!!!

  10. Velocity与Jsp、Freemarker的对比

    在java领域,表现层技术主要有三种:jsp.freemarker.velocity.jsp是大家最熟悉的技术 优点: 1.功能强大,可以写java代码 2.支持jsp标签(jsp tag) 3.支持 ...