HTML 表格 做个人简历
根据老师上课讲的常用标签与表格的应用 终于做出了第一个网页版的个人简历 虽然作出来了 但是感觉其中方法有点儿问题 还需要进一步的改进中…… <!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 表格 做个人简历的更多相关文章
- HTML基础用 表格做报表
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- HTML 使用表格制作简单的个人简历
复习一下HTML,用表格做一个简单的个人简历 <!DOCTYPE html> <html> <head> <meta charset="utf-8& ...
- JaveScript-解决表格使用滚动条时冻结表头栏问题
解决方法: //设置表格表头里的th==表格内容里的td function ThEqualTd(thId, tdId) { var tdNum = document.getElementById(td ...
- (转)用JQuery实现Fix表头表格
本文转载自:http://www.cnblogs.com/evlon/archive/2009/06/12/1502239.html 我的技术要点: 1.用两个表,其中一个是表头,另一个是表格做表体 ...
- (1)html初步--表格的使用
用表格标签制作简历 html代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " ...
- Excel表格导入Mysql数据库,一行存入多条数据的前后台完整实现思路(使用mybatis框架)
现在有一张Excel表格: 存入数据库时需要这样存放: 现在需要将Excel表格做处理,将每一行拆分成多条数据存入数据库. 1.首先在前台jsp页面画一个按钮:,加入点击事件: <td styl ...
- layui 数据表格+分页+搜索+checkbox+缓存选中项数据
在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用. 主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选. 当选中一些数据的时候, 数据切换页面数据在切换回来后, ...
- Vue + Bootstrap 制作炫酷个人简历(一)
最近看了别人做的简历,简单炫酷,自己非常喜欢,于是打算自己做一个,尝试一下. 由于写这篇随笔的时候才开始动工,所以目前没有成品给大家看. emmm等我更新完会在最后附上成品. 现在 开始! 首先 配置 ...
- 用Beamer做Slides
学术用幻灯片,首选还是latex.但是问题来了,Beamer这个latex幻灯模板还需要很多自定义设置.于是找了网上一些自己觉得好的例子. http://www.latexstudio.net/ind ...
随机推荐
- ABAP FIELD-SYMBOLS 有大作用- 将没有可改參数的增强出口变得也能改主程序的值了
看下图代码: report z_xul_test2 中 定义了 全局变量 G_DATA1 , 分别调用了 z_xul_tes1 中的 form 和 function zbapi_test , 这两 ...
- hibernate之4.延迟载入
延迟载入: 仅仅有当使用以实体对象的属性(除主键属性外)时,才会发送查询语句到数据库 get不支持延迟载入 @Test public void getTest(){ Session session=n ...
- easyui编辑器(kindeditor-4.1.10)
//1 重写kindedit -建一个js文件 easyui_kindeditor.js (function ($, K) { if (!K) throw " ...
- caffe环境配置
参考:http://blog.csdn.net/enjoyyl/article/details/47397505 http://blog.csdn.net/baobei0112/article/det ...
- 英语影视台词---七、THE GREAT GATSBY QUOTES
英语影视台词---七.THE GREAT GATSBY QUOTES 一.总结 一句话总结:了不起的盖茨比 1.“So we beat on, boats against the current, b ...
- 集群版本升级——rolling upgrade在ES 单节点从 restart 到加入集群,大概要 100s 左右的时间。也就是说,这 100s 内,该节点上的所有分片都是 unassigned 状态
集群版本升级 Elasticsearch 作为一个新兴项目,版本更新非常快.而且每次版本更新都或多或少带有一些重要的性能优化.稳定性提升等特性.可以说,ES 集群的版本升级,是目前 ES 运维必然要做 ...
- LeetCode 437. Path Sum III (STL map前缀和)
找遍所有路径,特判以根为起点的串即可. 代码: /** * Definition for a binary tree node. * struct TreeNode { * int val; * Tr ...
- 51nod-1134 最长递增子序列,用线段树将N^2的dp降到NlogN
题目链接 给出长度为N的数组,找出这个数组的最长递增子序列.(递增子序列是指,子序列的元素是递增的) 例如:5 1 6 8 2 4 5 10,最长递增子序列是1 2 4 5 10. Input 第1行 ...
- Ubantu 14.04下安装高版本cmake
Ubantu14.04 下自带的cmake版本比较低(默认为2.8),这里我们从源码编译高版本cmake: 先卸载电脑上安装的cmake (如何已安装的话): sudo apt-get autorem ...
- jq 鼠标点击跳转页面后 改变点击菜单的样式代码
点击菜单跳转页面,然而跳转后的页面字体并没有加粗用如下代码 <div class="bg01 menu"> <img class="img01" ...