根据老师上课讲的常用标签与表格的应用  终于做出了第一个网页版的个人简历  虽然作出来了 但是感觉其中方法有点儿问题 还需要进一步的改进中……

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>唐枫的个人简历</title>
</head> <body leftmargin="100" rightmargin="100" bgcolor="#FFFFCC">
<font face="叶根友毛笔行书2.0版" size="+6"><center><b>个人简历</b></center></font>
<table width="800" height="1320" border="1" cellpadding="0" cellspcing="0" align="center">
<tr height="60" align="center">
<td width="80"><b>姓名</b></td>
<td width="120">唐枫</td>
<td width="80"><b>性别</b></td>
<td width="120">男</td>
<td width="200" rowspan="5"><img src="sp.JPG" width="200" title="这是唐枫的照片" alt="这里是唐枫的照片"/></td>
</tr>
<tr height="60" align="center">
<td width="80"><b>民族</b></td>
<td width="120">汉</td>
<td width="80"><b>籍贯</b></td>
<td width="120">山东淄博</td>
</tr>
<tr height="60" align="center">
<td width="80"><b>身高</b></td>
<td width="120">179cm</td>
<td width="80"><b>体重</b></td>
<td width="120">85kg</td>
</tr>
<tr height="60" align="center">
<td width="80"><b>学历</b></td>
<td width="120">本科</td>
<td width="80"><b>专业</b></td>
<td width="120">电子信息工程</td>
</tr>
<tr height="60" align="center">
<td width="80"><b>出生日期</b></td>
<td width="120">1989.6</td>
<td width="80"><b>健康状况</b></td>
<td width="120">健康</td>
</tr>
<tr height="60" align="center">
<td width="80"><b>毕业院校</b></td>
<td colspan="2">聊城大学东昌学院</td>
<td width="120"><b>博客</b></td>
<td width="200"><a href="http://www.cnblogs.com/ouyangtangfeng99" target="new">唐枫</a></td>
</tr>
<tr height="60" align="center">
<td width="80"><b>联系电话</b></td>
<td width="120">152****1059</td>
<td width="80"><b>邮箱</b></td>
<td colspan="2">5761*****@qq.com</td>
</tr>
<tr height="300" align="left">
<td width="80"><b>教育经历</b></td>
<td colspan="4">
<ul>
<li><h3>2002.9-2006.6   临淄区高阳中学</h3></li>
<li><h3>2006.9-2008.6   临淄区第三中学</h3></li>
<li><h3>2008.9-2012.6   聊城大学东昌学院</h3></li>
</ul>
</td>
</tr>
<tr height="300" align="center">
<td width="80"><b>主修课程</b></td>
<td colspan="4">
<table width="720" height="300" border="0" cellpadding="0" cellspacing="0">
<tr height="100" align="center">
<td width="144">高等数学</td>
<td width="144">线性代数</td>
<td width="144">概率与统计</td>
<td width="144">大学英语</td>
<td>大学物理</td></tr>
<tr height="100" align="center">
<td width="144">信号与系统</td>
<td width="144">模拟电路分析</td>
<td width="144">数字信号处理</td>
<td width="144">通信技术原理</td>
<td>单片机原理及应用</td></tr>
<tr align="center">
<td width="144">C语言</td>
<td width="144">VB语言</td>
<td width="144">VF语言</td>
<td width="144">MATLAB</td>
<td>微机原理与接口技术</td></tr>
</table></td></tr>
<tr height="300" align="left">
<td width="80"><b>工作经历</b></td>
<td colspan="4">
<ol type="I">
<li><h3><i>2012.7-2015.7  临淄柯美办公设备有限公司  从事电脑、打印机、监控的安装维护</i></h3></li>
<li><h3><i>2015.8-2016.3  山东齐峰新材   车间操作</i></h3></li>
<li><h3><i>2016.3-今   淄博汉企培训</i></h3></li>
</ol>
</td>
</tr>
</table>
</body>
</html>

  

HTML 表格 做个人简历的更多相关文章

  1. HTML基础用 表格做报表

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  2. HTML 使用表格制作简单的个人简历

    复习一下HTML,用表格做一个简单的个人简历 <!DOCTYPE html> <html> <head> <meta charset="utf-8& ...

  3. JaveScript-解决表格使用滚动条时冻结表头栏问题

    解决方法: //设置表格表头里的th==表格内容里的td function ThEqualTd(thId, tdId) { var tdNum = document.getElementById(td ...

  4. (转)用JQuery实现Fix表头表格

    本文转载自:http://www.cnblogs.com/evlon/archive/2009/06/12/1502239.html 我的技术要点: 1.用两个表,其中一个是表头,另一个是表格做表体 ...

  5. (1)html初步--表格的使用

    用表格标签制作简历 html代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " ...

  6. Excel表格导入Mysql数据库,一行存入多条数据的前后台完整实现思路(使用mybatis框架)

    现在有一张Excel表格: 存入数据库时需要这样存放: 现在需要将Excel表格做处理,将每一行拆分成多条数据存入数据库. 1.首先在前台jsp页面画一个按钮:,加入点击事件: <td styl ...

  7. layui 数据表格+分页+搜索+checkbox+缓存选中项数据

    在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用. 主要功能是使用数据表格, 做分页,做搜索,  还有checkbox,  支持全选. 当选中一些数据的时候, 数据切换页面数据在切换回来后, ...

  8. Vue + Bootstrap 制作炫酷个人简历(一)

    最近看了别人做的简历,简单炫酷,自己非常喜欢,于是打算自己做一个,尝试一下. 由于写这篇随笔的时候才开始动工,所以目前没有成品给大家看. emmm等我更新完会在最后附上成品. 现在 开始! 首先 配置 ...

  9. 用Beamer做Slides

    学术用幻灯片,首选还是latex.但是问题来了,Beamer这个latex幻灯模板还需要很多自定义设置.于是找了网上一些自己觉得好的例子. http://www.latexstudio.net/ind ...

随机推荐

  1. HDUOj 看病要排队 优先队列的使用 题目1873

    STL优先队列的具体描写叙述 http://blog.csdn.net/yueloveme/article/details/47106639 题目地址:http://acm.hdu.edu.cn/s ...

  2. Javascript防冒泡事件与Event对象

    防冒泡 防冒泡用到的就是event的属性和方法 function add2shop(e) { if (!e) var e = window.event; e.cancelBubble = true; ...

  3. IMP-00010: 不是有效的导出文件,标题验证失败

    IMP-00010: 不是有效的导出文件,标题验证失败 IMP-00000: 未成功终止导入   在google上查找了一下,大概有两种情况: 1.imp/exp的版本不对,也就是说低版本的导出,可以 ...

  4. javascript对象的深度克隆

    在做项目的时候需要向对象里面添加新属性,又不想修改原对象.于是就写: var newObj = oldObj,但是新对象属性改变后就对象也会跟着改变,这是因为无论是新对象还是旧对象,指向的内存地址都是 ...

  5. 你不知道的JavaScript(九)switch语句

    在c/c++.java这些强类型的语言中switch语句的表达式和case分支中的条件值都只能是char类型或整数.JS的switch语句有些不同,它可以是JS中的任意一种类型,这一点有些朋友可能并没 ...

  6. Java经典逻辑编程50题

    Java经典逻辑编程50题 2016-11-03 09:29:28      0个评论    来源:Alias_fa的博客    收藏   我要投稿 [程序1] 題目:古典问题:有一对兔子,从出生后第 ...

  7. hiho150周 - 动态规划*

    题目链接 一个n*m的迷宫由‘.’和'b'组成,从(1,1)走到(n,m),只能向右或者向下走,但遇到‘b’时才能改变方向,开始时方向向右. 问到达(n,m)至少改变几个位置上的值 /******** ...

  8. HDU 1285 确定比赛名次【拓扑排序】

    题意:中文的题目-----这道题让我终于明白了那个break的作用---因为题目中有这一句“符合条件的排名可能不是唯一的,此时要求输出时编号小的队伍在前”@_@ #include<iostrea ...

  9. POJ 2739 Sum of Consecutive Prime Numbers【素数打表】

    解题思路:给定一个数,判定它由几个连续的素数构成,输出这样的种数 用的筛法素数打表 Sum of Consecutive Prime Numbers Time Limit: 1000MS   Memo ...

  10. 3ds Max脚本的使用实例教程

    本教程主要讲解了一个关于草地脚本的使用,应用到max与photoshop的一些命令及参数设置. 这个场景使用了3DSMAX5.1进行建模,使用VRAY渲染器进行的渲染,并且在最后使用PHOTOSHOP ...