手打的table
突然觉得，如果我不上传源码和写篇博客，对不起花在这个破网页2个小时的时间，完全手打，浏览器调效果。
源码如下：
a.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>
<link type="text/css" media="all" rel="stylesheet" href="b.css"/>
<title>
的个人简历
</title>
</head>
<body>
<legend><em>Me小仪</em></legend>
<table class="my">
<caption>
个人简历
</caption>
<tr>
<td class="first">姓名：</td>
<td class="second"></td>
<td class="first">性别：</td>
<td class="second">女</td>
<td class="pic" rowspan="4">照片</td>
</tr>
<tr>
<td class="first">专业：</td>
<td class="second">计算机科学与技术</td>
<td class="first">学历：</td>
<td class="second">本科</td>
</tr>
<tr>
<td class="first">Email：</td>
<td class="second">babypig_1991@126.com</td>
<td class="first">电话：</td>
<td class="second">15920100472</td>
</tr>
<tr>
<td class="first">家庭住址：</td>
<td class="third" colspan="3"></td>
</tr>
<tr>
<td class="edu">教育情况</td>
<td class="des" colspan="4"><br><br></td>
</tr>
<tr>
<td class="tec">技能水平</td>
<td class="dec" colspan="4">
学过的语言（按掌握情况从大到小排列）：C/C++ 、HTML 、CSS 、SQL（Oracle）、(JAVA PHP)<br> 使用过的软件（同上）：VS、Dreamweaver、Photoshop(CS6)、Eclipse、ZENDSTUDIO<br> 掌握的算法：基本算法（贪心、动态规划、二分等）+字符串算法（KMP，字典树等）<br>
（个人博客：http://www.cnblogs.com/A-way/）<br> 英语水平：4、6级
</td>
</tr>
<tr>
<td class="exp">个人经历</td>
<td class="dec" colspan="4">
爱好网页设计，并且对浏览器的兼容性有一定的认识。<br>
大二曾经用Eclipse做过简单的CRUD项目。<br>
大三由于兴趣，使用Dreamweaver做过一个Suri（汤姆克鲁斯的女儿）为题材的静态网站<br>
大三下学期跟老师做项目，完成了广药建民网改装成其天猫店的任务（该项目的系统为电子商务系统magento）。
</td>
</tr>
<tr>
<td class="edu">获奖情况</td>
<td class="des" colspan="4">
ACM校赛二等奖、三等奖<br>
两年的二等奖学金<br>
两年的院级优秀学生
</td>
</tr>
<tr>
<td class="edu">自我评价</td>
<td class="des" colspan="4">
开朗、活泼、有一股韧劲，我不会因为别人轻视自己而轻言放弃。也许我不是最好的，但是我一直在努力^_^。
</td>
</tr>
</table>
</body>
</html>
b.css:
body
{
margin-left:10%;
margin-right:10%;
background:url("images.jpg");
background-size:100%;
font-size:1em;
}
legend
{
border:2px solid silver;
color:silver;
font-size:2em;
}
.my
{
margin:0 auto;
border:1px solid #333;
border-collapse:collapse;
}
tr,td
{
text-align:center;
}
.first
{
width:80px;
height:30px;
border:1px solid #333;
}
.second
{
border:1px solid #333;
width:130px;
height:30px;
}
.pic
{
width:90px;
height:120px;
}
.third
{
width:330px;
height:30px;
border:1px solid #333;
text-align:left;
padding-left:1em;
}
.edu
{
width:80px;
height:80px;
border:1px solid #333;
}
.des
{
height:80px;
border:1px solid #333;
text-align:left;
padding-left:1em;
}
.tec
{
height:180px;
border:1px solid #333;
width:80px;
}
.dec
{
height:170px;
border:1px solid #333;
text-align:left;
padding-left:1em;
}
文件夹的内容：
手打的table的更多相关文章
- 手拼Table 前台显示
一:前台 <table border=</table> 二:后台 //表头 public void TABTITLE() { TblList.Rows.Clear(); HtmlTa ...
- 手机端table表格bug
table表格在手机端有一个小小的bug,就是td有一个右边线,解决办法可已给tr加一个背景色就行,或者table都行,完美解决
- SQL语句整理(二) 数据定义语言DDL
前言: 这是我学数据库时整理的学习资料,基本上包括了所以的SQL语句的知识点. 我的教材是人大王珊老师的<数据库系统概论>. 因为是手打的,所以会用一些细节打错了,但都挺明显也不多(考完试 ...
- 细谈HTML解析模块
细谈HTML解析模块 Html在网页中所占的位置,用一个简单直观的图给展示一下:
- Rails5 Model Document
创建: 2017/06/09 更新: 2017/06/21 更新: 2017/06/23 对待未完成的追加# TODO: 更新: 2017/06/29 修正文件名db/seed.rb ---> ...
- JavaWeb入门_模仿天猫整站Tmall_SSM实践项目
Tmall_SSM 技术栈 Spring MVC+ Mybatis + Spring + Jsp + Tomcat , 是 Java Web 入门非常好的练手项目 效果展示: 模仿天猫前台 模仿天猫后 ...
- 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 ...
- Netty（二）入门
在上篇<Netty(一)引题>中,分别对AIO,BIO,PIO,NIO进行了简单的阐述,并写了简单的demo.但是这里说的简单,我也只能呵呵了,特别是NIO.AIO(我全手打的,好麻烦). ...
- WaterfallFlowLayout瀑布流用重写UICollectionViewFlowLayout类实现
最近调研瀑布流,在gitHub上下了个Demo发现它的所有视图都是用Main.storyboard拖的, 自己研究半天没研究明白; 然后就又找了一个Demo, 它的视图全是手打的, 但是实现的方法不太 ...
随机推荐
- stp 零部件 转为 装配图
stp 零部件 转为 装配图 起因 由于收到的 stp 为零件件,这时如果输出 eDrawings 文件时是没有装配结构的. 解决 打开 stp 后在资源管理器中有一个实体的文件夹,点右键保存实体. ...
- 使用nagios插件 check_mysql_health 过程中遇到的error
使用nagios插件 check_mysql_health 过程中遇到的error 1.如果在运行监控mysql插件的时候遇到了error安装以下依赖包就可以解决: yum install perl- ...
- 漫谈JVM之类加载机制（篇一）
前言 最近在看一本书,发现代码里用到了Thread.currentThread().getContextClassLoader(),为什么类加载器还与线程有关系呢,为什么不直接使用ClassLoade ...
- Netty Client 重连实现
当我们用Netty实现一个TCP client时,我们当然希望当连接断掉的时候Netty能够自动重连.Netty Client有两种情况下需要重连: Netty Client启动的时候需要重连 在程序 ...
- Java-Runoob：Java 运算符
ylbtech-Java-Runoob:Java 运算符 1.返回顶部 1. Java 运算符 计算机的最基本用途之一就是执行数学运算,作为一门计算机语言,Java也提供了一套丰富的运算符来操纵变量. ...
- c#编写的基于TCP通信的微风IM 版本3 新年新ＵＩ
电商商模 背景:来源,产生运营模式:模式特点,服务对象,业务开展,赢利点,扩 张点,定价策略行业分析:市场分析:DX,企业,政策,经济,文化,技术 网站架构:频道,版块,功能体系 项目推广:地面推广, ...
- fiddler代理hosts配置
1 需求背景 fidder开启后,C:\Windows\System32\drivers\etc\hosts配置失效问题:fiddler本身代理hosts配置表,修改后,可以省去在手机等代理使用者的系 ...
- Flask之邮件扩展
4.4 Flask—Mail 在开发过程中,很多应用程序都需要通过邮件提醒用户,Flask的扩展包Flask-Mail通过包装了Python内置的smtplib包,可以用在Flask程序中发送邮件. ...
- 15-EasyNetQ之对延迟消息插件的支持
RabbitMQ延迟消息插件仍然在实验阶段.你使用这个功能要自担风险. RabbitMQ延迟消息插件为RabbitMQ增加了新的交换机类型,允许延时消息投递. EasyNetQ为交换机通过定义一种新的 ...
- 201671010127 2016-2017-8 回谈static修饰符
上周学了泛型程序程序设计技术,再一次接触到了静态方法,那么今天就来谈一下static修饰符. static表示“全局”或者“静态”的意思,用来修饰成员变量和成员方法,也可以形成静态static代码块, ...