突然觉得，如果我不上传源码和写篇博客，对不起花在这个破网页2个小时的时间，完全手打，浏览器调效果。

源码如下：

a.html:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <link type="text/css" media="all" rel="stylesheet" href="b.css"/>
  5. <title>
  6. 的个人简历
  7. </title>
  8. </head>
  9. <body>
  10. <legend><em>Me小仪</em></legend>
  11. <table class="my">
  12. <caption>
  13. 个人简历
  14. </caption>
  15. <tr>
  16. <td class="first">姓名：</td>
  17. <td class="second"></td>
  18. <td class="first">性别：</td>
  19. <td class="second">女</td>
  20. <td class="pic" rowspan="4">照片</td>
  21. </tr>
  22. <tr>
  23. <td class="first">专业：</td>
  24. <td class="second">计算机科学与技术</td>
  25. <td class="first">学历：</td>
  26. <td class="second">本科</td>
  27. </tr>
  28. <tr>
  29. <td class="first">Email：</td>
  30. <td class="second">babypig_1991@126.com</td>
  31. <td class="first">电话：</td>
  32. <td class="second">15920100472</td>
  33. </tr>
  34. <tr>
  35. <td class="first">家庭住址：</td>
  36. <td class="third" colspan="3"></td>
  37. </tr>
  38. <tr>
  39. <td class="edu">教育情况</td>
  40. <td class="des" colspan="4"><br><br></td>
  41. </tr>
  42. <tr>
  43. <td class="tec">技能水平</td>
  44. <td class="dec" colspan="4">
  45. 学过的语言（按掌握情况从大到小排列）：C/C++ 、HTML 、CSS 、SQL（Oracle）、(JAVA  PHP)<br>
  46.  
  47. 使用过的软件（同上）：VS、Dreamweaver、Photoshop(CS6)、Eclipse、ZENDSTUDIO<br>
  48.  
  49. 掌握的算法：基本算法（贪心、动态规划、二分等）+字符串算法（KMP，字典树等）<br>
  50. （个人博客：http://www.cnblogs.com/A-way/）<br>
  51.  
  52. 英语水平：4、6级
  53. </td>
  54. </tr>
  55. <tr>
  56. <td class="exp">个人经历</td>
  57. <td class="dec" colspan="4">
  58. 爱好网页设计，并且对浏览器的兼容性有一定的认识。<br>
  59. 大二曾经用Eclipse做过简单的CRUD项目。<br>
  60. 大三由于兴趣，使用Dreamweaver做过一个Suri（汤姆克鲁斯的女儿）为题材的静态网站<br>
  61. 大三下学期跟老师做项目，完成了广药建民网改装成其天猫店的任务（该项目的系统为电子商务系统magento）。
  62. </td>
  63. </tr>
  64. <tr>
  65. <td class="edu">获奖情况</td>
  66. <td class="des" colspan="4">
  67. ACM校赛二等奖、三等奖<br>
  68. 两年的二等奖学金<br>
  69. 两年的院级优秀学生
  70. </td>
  71. </tr>
  72. <tr>
  73. <td class="edu">自我评价</td>
  74. <td class="des" colspan="4">
  75. 开朗、活泼、有一股韧劲，我不会因为别人轻视自己而轻言放弃。也许我不是最好的，但是我一直在努力^_^。
  76. </td>
  77. </tr>
  78. </table>
  79. </body>
  80. </html>

b.css:

  1. body
  2. {
  3.   margin-left:10%;
  4.   margin-right:10%;
  5.   background:url("images.jpg");
  6.   background-size:100%;
  7.   font-size:1em;
  8. }
  9. legend
  10. {
  11.  border:2px solid silver;
  12.  color:silver;
  13.  font-size:2em;
  14. }
  15. .my
  16. {
  17.   margin:0 auto;
  18.   border:1px solid #333;
  19.   border-collapse:collapse;
  20. }
  21. tr,td
  22. {
  23.   text-align:center;
  24. }
  25. .first
  26. {
  27.   width:80px;
  28.   height:30px;
  29.   border:1px solid #333;
  30. }
  31. .second
  32. {
  33.  border:1px solid #333;
  34.  width:130px;
  35.  height:30px;
  36. }
  37. .pic
  38. {
  39.   width:90px;
  40.   height:120px;
  41. }
  42. .third
  43. {
  44.  width:330px;
  45.  height:30px;
  46.   border:1px solid #333;
  47. text-align:left;
  48.  padding-left:1em;
  49. }
  50. .edu
  51. {
  52.  width:80px;
  53.  height:80px;
  54. border:1px solid #333;
  55. }
  56. .des
  57. {
  58.  height:80px;
  59. border:1px solid #333;
  60. text-align:left;
  61.  padding-left:1em;
  62. }
  63. .tec
  64. {
  65.  height:180px;
  66.  border:1px solid #333;
  67.   width:80px;
  68. }
  69. .dec
  70. {
  71.   height:170px;
  72.   border:1px solid #333;
  73.   text-align:left;
  74.   padding-left:1em;
  75. }

文件夹的内容：

手打的table的更多相关文章

  1. 手拼Table 前台显示

    一:前台 <table border=</table> 二:后台 //表头 public void TABTITLE() { TblList.Rows.Clear(); HtmlTa ...

  2. 手机端table表格bug

    table表格在手机端有一个小小的bug,就是td有一个右边线,解决办法可已给tr加一个背景色就行,或者table都行,完美解决

  3. SQL语句整理(二) 数据定义语言DDL

    前言: 这是我学数据库时整理的学习资料,基本上包括了所以的SQL语句的知识点. 我的教材是人大王珊老师的<数据库系统概论>. 因为是手打的,所以会用一些细节打错了,但都挺明显也不多(考完试 ...

  4. 细谈HTML解析模块

     细谈HTML解析模块 Html在网页中所占的位置,用一个简单直观的图给展示一下:    

  5. Rails5 Model Document

    创建: 2017/06/09 更新: 2017/06/21 更新: 2017/06/23 对待未完成的追加# TODO: 更新: 2017/06/29 修正文件名db/seed.rb ---> ...

  6. JavaWeb入门_模仿天猫整站Tmall_SSM实践项目

    Tmall_SSM 技术栈 Spring MVC+ Mybatis + Spring + Jsp + Tomcat , 是 Java Web 入门非常好的练手项目 效果展示: 模仿天猫前台 模仿天猫后 ...

  7. C#与C++的发展历程第三 - C#5.0异步编程巅峰

    系列文章目录 1. C#与C++的发展历程第一 - 由C#3.0起 2. C#与C++的发展历程第二 - C#4.0再接再厉 3. C#与C++的发展历程第三 - C#5.0异步编程的巅峰 C#5.0 ...

  8. Netty（二）入门

    在上篇<Netty(一)引题>中,分别对AIO,BIO,PIO,NIO进行了简单的阐述,并写了简单的demo.但是这里说的简单,我也只能呵呵了,特别是NIO.AIO(我全手打的,好麻烦). ...

  9. WaterfallFlowLayout瀑布流用重写UICollectionViewFlowLayout类实现

    最近调研瀑布流,在gitHub上下了个Demo发现它的所有视图都是用Main.storyboard拖的, 自己研究半天没研究明白; 然后就又找了一个Demo, 它的视图全是手打的, 但是实现的方法不太 ...

随机推荐

  1. js对象原型链

    JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象.这个对象的所有属性和方法,都会被构造函数的所拥有. 这也就意味着,我们可以把所有对象实例需要共享的属性和方 ...

  2. xlrd,xlwt读表格、写表格

    转:http://www.jb51.net/article/60510.htm

  3. ⑤SpringBoot之定时任务

    本文介绍SpringBoot定时任务的使用,springboot默认已经帮我们实行了,只需要添加相应的注解就可以实现. 1.pom配置文件 pom包里面只需要引入springboot starter包 ...

  4. Linux 系统 LVM（Logical Volume Manager）逻辑卷管理

    一．前言 每个Linux使用者在安装Linux时都会遇到这样的困境:在为系统分区时,如何精确评估和分配各个硬盘分区的容量,因为系统管理员不但要考虑到 当前某个分区需要的容量,还要预见该分区以后可能需要 ...

  5. 在Activity中使用Menu

    1.右击res-->New-->Directory输入文件名menu,在此文件夹下新建main菜单文件:右击menu-->New-->Menu resource file 2. ...

  6. Spring Batch介绍

    简介 SpringBatch 是一个大数据量的并行处理框架.通常用于数据的离线迁移,和数据处理,⽀持事务.并发.流程.监控.纵向和横向扩展,提供统⼀的接⼝管理和任务管理;SpringBatch是Spr ...

  7. 1127 ZigZagging on a Tree

    题意:中序序列+后序序列构建二叉树,之字形输出其层序序列. 思路:在结点的数据域中额外增加一个layer表示结点所在的层次,并定义vector<int> zigzag[maxn]存放最终结 ...

  8. Patator-一款很好用的爆破工具

    项目地址:https://github.com/lanjelot/patator 打开文件夹 运行一下文件查看帮助 python patator.py --help 这里有很多的爆破选项,就不一一截图 ...

  9. OO设计基本原则

    OO本身就是一种大的设计模式,它是随着软件规模越来越大产生出来帮助人们建模和开发的理念,生来就带着封装.继承.多态等可复用基因.为了充分发挥这些基因的功效,使用者需要遵守一定的原则,就是所谓的面向对象 ...

  10. MySQL 示例数据库sakila-db的安装

    最近在看 “高性能MySql”这本神书,发现上面很多例子采用的官方示例数据库sakila. 官方示例数据库 下载地址 http://dev.mysql.com/doc/index-other.html ...