表格标签初学者,制作一个个人简历

本文针对初学者,介绍了如何使用HTML表格标签来制作个人简历,讲解了包括行、列和表头的定义及其相关属性,如align、valign、bgcolor、width、height、colspan和rowspan等,帮助你实现简历内容的布局和样式设置。
定义行,属性:align,valign,bgcolor… 定义列,属性:width,height,align,valign.clospan,rowspan,… 定义表头(通常显示居中和粗体文本)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人简历</title>
</head>
<body>
<table border="1" cellpadding="1" cellspacing="0" width="650px" height="644px" align="center">
    <tr height="40px" bgcolor="#a9a9a9">
        <th colspan="5">个人求职简历</th>
    </tr>
    <tr height="20px" align="left" bgcolor="#a9a9a9">
        <th colspan="5">基本信息</th>
    </tr>
    <tr height="20px" align="center">
        <td width="120px">姓名</td>
        <td width="110px"></td>
        <td width="110px">求职意向</td>
        <td width="110px"></td>
        <td rowspan="7"><img src="http://m.imeitou.com/uploads/allimg/2019111011/gyx3dva0q3k.jpeg" height="150px" width="100px"></td>
    </tr>
    <tr height="20px" align="center">
        <td>性别</td>
        <td></td>
        <td>现住城市</td>
        <td></td>
    </tr>
    <tr height="20px" align="center">
        <td>年龄</td>
        <td></td>
        <td>学历</td>
        <td></td>
    </tr>
    <tr height="20px" align="center">
        <td>政治面貌</td>
        <td></td>
        <td>专业</td>
        <td></td>
    </tr>
    <tr height="20px" align="center">
        <td>健康状况</td>
        <td></td>
        <td>爱好</td>
        <td></td>
    </tr>
    <tr height="20px" align="center">
        <td>QQ</td>
        <td></td>
        <td>Email</td>
        <td></td>
    </tr>
    <tr height="20px" align="center">
        <td>联系电话</td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr height="20px" align="center">
        <td>英语水平</td>
        <td colspan="4">CET-4,能够熟练的阅读专业英文文献,具有一定的听说能力</td>
    </tr>
    <tr height="20px" align="left">
        <th colspan="5">实习经历</th>
    </tr>
    <tr height="20px">
        <td>2008/8-2009/1</td>
        <td colspan="4">武汉软帝信息公司</td>
    </tr>
    <tr height="20px" align="center">
        <td>实习收获</td>
        <td colspan="4">
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                通过参与公司的项目开发,极大的提高了自己对Web开发的应用了解,锻炼了自己的团队合作能力和个人独立思考能力,能够独立承担相应模块的设计开发
            </div>
            </td>
    </tr>
    <tr height="20px" align="left" bgcolor="#a9a9a9">
        <th colspan="5">项目经验</th>
    </tr>
    <tr height="20px" align="left" bgcolor="#a9a9a9">
        <th colspan="5">2008/9-2009/1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;软帝人力资源管理系统(HRM)</th>
    </tr>
    <tr height="20px" align="center">
        <td>项目描述</td>
        <td colspan="4">
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                整个项目是基于B/S模式,应用MVC框架实现了人事资源管理 系统。分为View层(显示层)、Bussiness(控制层)、DataAccess层(数据库访问对象层),Entitys(实体层)。利用Ajax技术、Css+div、javascript提高网站前台View层用户体验度,利用WebService、存储过程(Stored Procedure)和触发器(trigger)来优化Bussiness层的数据库后台操作和设置操作权限,采用ADO.net进行后台与数据库的连接。
            </div>
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                主要包括机构编制管理、职员信息管理、薪酬福利管理、人事档案管理、考勤管理、社会保障管理、招聘管理、合同管理、系统管理等模块。
            </div>
        </td>
    </tr>
    <tr height="20px" align="center">
        <td>责任描述</td>
        <td colspan="4">
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                在项目中参与规划整个项目的需求分析,系统数据库设计,搭建整个系统的框架,分配其他几位组员的模块,使每人在项目中各尽其职。在项目期间,耐心的和组员讨论项目中所遇到的问题,并在短时间内解决问题。我负责的是职员信息管理,人事档案管理,考勤管理。这几个模块主要用的是VS2008自带的Html,服务器控件,以及AjaxControlToolKit,其中自己也封装过小的Ajax。最后负责各个模块的整合和测试。
            </div>
        </td>
    </tr>
    <tr height="20px" align="center">
        <td>项目总结</td>
        <td colspan="4">
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                团队合作,使个人在团队合作能力、沟通能力、协调能力、技术方面都得到了很大的提高,同时能很好的协调好整个团队。
            </div>
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                经过这次项目,封装自己的用户控件,自己的ajax类等的想法越来越来强烈,在项目完成后,自己封装了一些用户控件。
            </div>
        </td>
    </tr>
    <tr height="20px" align="center">
        <td>开发工具及技术</td>
        <td colspan="4">
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                VisualStudio2008,SqlSever2005, PowerDesign12,PhotoShop
            </div>
        </td>
    </tr>
    <tr height="20px" align="left" bgcolor="#a9a9a9">
        <th colspan="5">2008/9-2009/1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;软帝电子商务网站</th>
    </tr>
    <tr height="20px" align="center">
    <td>项目描述</td>
    <td colspan="4">
        <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            整个项目是基于B/S模式,应用MVC框架实现了一个绚丽的电子商务网站。分为View层(显示层)、Control层(控制层)、Model层(业务逻辑层)。利用高级Ajax技术、Css+div、javascript提高网站前台View层用户体验度,利用WebService、存储过程(Stored Procedure)和触发器(trigger)来优化Control层的数据库后台操作和设置操作权限,采用ADO.net进行后台与数据库的连接。网站前台功能(会员注册及登录模块、商品分类展示模块、商品信息检索模块、生成订单模块、购物车模块、订单管理等模块)和网站后台功能(常用操作、管理信息、分类与品牌、商品与评论、订单管理、缺货登记管理、用户管理、支付与送货、新闻与公告、广告与连接、网站流量统计、帮助信息设置)。
        </div>
    </td>
    </tr>
    <tr height="20px" align="center">
        <td>项目总结</td>
        <td colspan="4">
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                体验到MVC思想在软件开发中的好处,能够独立胜任网站的开发。
            </div>
        </td>
    </tr>

    <tr height="20px" align="left" bgcolor="#a9a9a9">
        <th colspan="5">IT职业技能</th>
    </tr>
    <tr height="20px" align="center">
        <td>技能分类</td>
        <td colspan="2">技能名称</td>
        <td>从事时间(月)</td>
        <td>熟练程度</td>
    </tr>
    <tr height="20px" align="center">
        <td rowspan="4">编程语言</td>
        <td colspan="2">C#</td>
        <td>18</td>
        <td>熟练(++)</td>
    </tr>
    <tr height="20px" align="center">
        <td colspan="2">C++</td>
        <td>10</td>
        <td>熟练(++)</td>
    </tr>
    <tr height="20px" align="center">
        <td colspan="2">Matlab</td>
        <td>6</td>
        <td>熟练(+++)</td>
    </tr>
    <tr height="20px" align="center">
        <td colspan="2">VB.Net</td>
        <td>临时用到</td>
        <td>会用</td>
    </tr>
    <tr height="20px" align="center">
        <td rowspan="3" >数据库</td>
        <td colspan="2">SQLServer 2000</td>
        <td>12</td>
        <td>熟练(++)</td>
    </tr>
    <tr height="20px" align="center">
        <td colspan="2">SQLServer 2005</td>
        <td>16</td>
        <td>熟练(++)</td>
    </tr>
    <tr height="20px" align="center">
        <td colspan="2">Oracle 9i</td>
        <td>2</td>
        <td>熟练</td>
    </tr>
    <tr height="20px" align="center">
        <td rowspan="4">Web技术</td>
        <td colspan="2">Asp.Net</td>
        <td>12</td>
        <td>熟练(+++)</td>
    </tr>
    <tr height="20px" align="center">
        <td colspan="2">javascript</td>
        <td>8</td>
        <td>熟练(+)</td>
    </tr>
    <tr height="20px" align="center">
        <td colspan="2">XML</td>
        <td>3</td>
        <td>熟练(+)</td>
    </tr>
    <tr height="20px" align="center">
        <td colspan="2">Ajax,Jquery,Webservice</td>
        <td>4</td>
        <td>熟练(++)</td>
    </tr>
    <tr height="20px" align="center">
        <td rowspan="2">其他</td>
        <td colspan="2">Wpf</td>
        <td>1</td>
        <td>熟悉</td>
    </tr>
    <tr height="20px" align="center">
        <td colspan="2">Wcf,Servelight</td>
        <td></td>
        <td>了解</td>
    </tr>
    <tr height="20px" align="left" bgcolor="#a9a9a9">
        <th colspan="5">教育经历</th>
    </tr>
    <tr height="20px" align="center">
        <td width="110px" colspan="2">2005/09-2009/07</td>
        <td width="110px">长江大学</td>
        <td width="140px">计算机科学与技术</td>
        <td width="100px">本科</td>
    </tr>
    <tr height="20px" align="left" bgcolor="#a9a9a9">
        <td colspan="5">
            <div>
                课程: 操作系统,C++语言程序设计,数据结构,面向对象程序设计,数据库基本原理,离散数学,
                计算机网络,计算机体系结构,软件工程等等。
            </div>
            <div>
                网络课程:参加CSDN-ITCAST网络明星在线课程学习。
            </div>
        </td>
    </tr>
    <tr height="20px" align="left" bgcolor="#a9a9a9">
        <th colspan="5">所获奖励</th>
    </tr>
    <tr height="20px" align="left" bgcolor="#a9a9a9">
        <td colspan="5">
            <div>
                2006-2007获得“长江大学学习标兵”称号。2008/6荣获“长江大学优秀学生干部”。
            </div>
            <div> 2008/11 荣获“长江大学第四届科技文化节-论文” 二等奖。
            </div>
            <div>
                2006/2008 获得国家奖学金。
            </div>
        </td>
    </tr>
    <tr height="20px" align="left" bgcolor="#a9a9a9">
        <th colspan="5">自我评价</th>
    </tr>
    <tr height="20px" align="left" bgcolor="#a9a9a9">
        <td colspan="5">
            <div>
                1.   对理想有着执着追求,喜欢电脑编程,做事很沉稳,自信,自学能力很强。
            </div>
            <div>
                2.   对软件开发有浓厚兴趣,有强烈的团队合作意识,在开发中能提出自己独特的想法。
            </div>
            <div>
                3.   为人性格开朗、热情大方、兴趣广泛、做事有耐心、经得起困难的考验。
            </div>
        </td>
    </tr>
</table>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值