复习一下HTML，用表格做一个简单的个人简历

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style>

.btbg{ text-align:center; }

</style>

</head>

<body>

<table border="" align="center" width="100%" cellpadding="" cellspacing="">

    <tr>

        <td align="center" height="">个人简历</td>

    <tr>

</table>

<table class="tabtop" width="45%" border="" cellpadding="" cellspacing="" align="center">

    <tr>

        <td class="btbg" >姓名</td>

        <td width="10%" class="btbg" ></td>

        <td width="10%" class="btbg" >性别</td>

        <td width="10%" class="btbg" ></td>

        <td class="btbg" width="10%">出生日期</td>

        <td colspan="" class="btbg" width="10%"></td>

        <td colspan="" class="btbg" width="10%" rowspan="">照片</td>

    </tr>

    <tr>

        <td class="btbg">民族</td>

        <td class="btbg"></td>

        <td class="btbg">政治面貌</td>

        <td class="btbg"></td>

        <td class="btbg">婚姻状况</td>

        <td class="btbg"></td>

    </tr>

    <tr>

        <td class="btbg">现所在地</td>

        <td class="btbg"></td>

        <td class="btbg">籍贯</td>

        <td class="btbg"></td>

        <td class="btbg">学历</td>

        <td class="btbg"></td>

    </tr>

    <tr>

        <td width="8%" class="btbg">毕业学校</td>

        <td colspan="" width="8%" class="btbg"></td>

        <td width="8%" class="btbg">专业</td>

        <td colspan="" width="8%" class="btbg"></td>

    </tr>

    <tr>

        <td class="btbg" rowspan="">学习经历</td>

        <td colspan="" class="btbg">起止年月</td>

        <td colspan="" class="btbg">就读（培训）学校</td>

        <td colspan="" class="btbg">专业/课程</td>

    </tr>

    <tr>

        <td colspan="" class="btbg">&nbsp</td>

        <td colspan="" class="btbg"></td>

        <td colspan="" class="btbg"></td>

    </tr>

    <tr>

        <td colspan="" class="btbg">&nbsp</td>

        <td colspan="" class="btbg"></td>

        <td colspan="" class="btbg"></td>

    </tr>

        <tr>

        <td colspan="" class="btbg">&nbsp</td>

        <td colspan="" class="btbg"></td>

        <td colspan="" class="btbg"></td>

    </tr>

        <tr>

        <td colspan="" class="btbg">&nbsp</td>

        <td colspan="" class="btbg"></td>

        <td colspan="" class="btbg"></td>

    </tr>

        <tr>

        <td class="btbg" rowspan="">工作经历</td>

        <td colspan="" class="btbg">起止年月</td>

        <td colspan="" class="btbg">工作单位</td>

        <td colspan="" class="btbg">职责</td>

    </tr>

    <tr>

        <td colspan="" class="btbg">&nbsp</td>

        <td colspan="" class="btbg"></td>

        <td colspan="" class="btbg"></td>

    </tr>

    <tr>

        <td colspan="" class="btbg">&nbsp</td>

        <td colspan="" class="btbg"></td>

        <td colspan="" class="btbg"></td>

    </tr>

        <tr>

        <td colspan="" class="btbg">&nbsp</td>

        <td colspan="" class="btbg"></td>

        <td colspan="" class="btbg"></td>

    </tr>

        <tr>

        <td colspan="" class="btbg">&nbsp</td>

        <td colspan="" class="btbg"></td>

        <td colspan="" class="btbg"></td>

    </tr>

    <tr>

        <td colspan="" class="btbg" rowspan="">求职意向</td>

        <td colspan="" class="btbg" rowspan=""></td>

    </tr>

</table>

</body>

</html>

相信很多人在刚接触前端或者中期时候总会遇到一些问题及瓶颈期，如学了一段时间没有方向感或者坚持不下去一个人学习枯燥乏味有问题也不知道怎么解决，对此我整理了一些资料 喜欢我的文章想与更多资深大牛一起讨论和学习的话 欢迎加入我的学习交流群907694362

HTML 使用表格制作简单的个人简历的更多相关文章

  1. Microsoft Excel Sheet/表格 制作折线图

    Microsoft Excel Sheet/表格 制作折线图 虽然比较简单,但是仍然需要稍微花一点功夫. 1.制作好表格数据 2.先将数据选定(不包括 横座标的 年月日或其他的刻度 的那一列) 3.插 ...

  2. Highcharts使用教程（1）：制作简单图表

    今天我们要使用JavaScript图表Highcharts制作简单的柱形图,我们已经安装好Highcharts,让我们开始制作图表吧. 步骤一 在网页中添加一个div.设置id,设置图表长.高.代码如 ...

  3. ZAM 3D 制作简单的3D字幕 流程(二)

    原地址:http://www.cnblogs.com/yk250/p/5663907.html 文中表述仅为本人理解,若有偏差和错误请指正! 接着 ZAM 3D 制作简单的3D字幕 流程(一) .本篇 ...

  4. phalcon: eventManager事件管理（结合dispatcher调度控制器）制作简单的acl

    制作简单的acl, dispatcher(专门用来加载或调度或跳转到相应的url地址即XXXcontroller的调度器或控制器,能够在controller执行前对controller进行停止跳转等) ...

  5. canvas制作简单动画

    在画布元素<canvas>中,除了绘制图形.图像.文字外,还可以制作一些简单的动画,制作过程十分简单,主要分为两步操作: 1．自定义一个函数,用于图形的移动或其他动作. 2．使用setIn ...

  6. JSP制作简单登陆

    JSP制作简单登陆界面 运行环境 eclipse+tomcat+MySQL 不知道的可以参考Jsp运行环境--Tomcat 项目列表 这里我先把jsp文件先放在Web-INF外面访问 需要建立的几个文 ...

  7. Photoshop 基础三 制作简单按钮

    要求知识点:移动工具.选择工具.套索工具.多边行工具.文本工具.路径选择工具.裁剪.填充 一.制作简单按钮 1)新建画布,大小随便 2)画圆角矩形工具(同时定义背景色.边框是否需求.边框颜色) 3)打 ...

  8. 【教程】新手如何制作简单MAD和AMV，学不会那都是时辰

    [教程]新手如何制作简单MAD和AMV,学不会那都是时 http://tieba.baidu.com/p/2303522172 [菜鸟教你做MAD]Vegas制作MAD入门教程 http://tieb ...

  9. Tkinter制作简单的python编辑器

    想要制作简单的python脚本编辑器,其中文字输入代码部分使用Tkinter中的Text控件即可实现. 但是问题是,如何实现高亮呢?参考python自带的编辑器:python27/vidle文件夹中的 ...

随机推荐

  1. PeriscopeHeartAnimation

    // // ViewController.m // PeriscopeHeartAnimation // // Created by ldj on 4/28/15. // Copyright (c) ...

  2. Socket简单实现ssh笔记

    Scoket概念: socket本质上就是在2台网络互通的电脑之间,架设一个通道,两台电脑通过这个通道来实现数据的互相传递. 我们知道网络 通信 都 是基于 ip+port 方能定位到目标的具体机器上 ...

  3. hadoop mapreduce求解有序TopN

    利用hadoop的map和reduce排序特性实现对数据排序取TopN条数据. 代码参考:https://github.com/asker124143222/wordcount 1.样本数据,假设是订 ...

  4. jenkins在搭建中常见的问题

    1.window环境读取不到chrom.exe System.setProperty("webdriver.chrome.driver","chromedriver.ex ...

  5. alias别名

    alias一般用法 1.默认rm是"rm -i"的别名,ll就是"ls -l"的别名.可以自定义别名来代替某些命令配合某些选项,也可以定义别名组合多个命令.例如 ...

  6. leetcode 贪心算法

    贪心算法中,是以自顶向下的方式使用最优子结构,贪心算法会先做选择,在当时看起来是最优的选择,然后再求解一个结果的子问题. 贪心算法是使所做的选择看起来都是当前最佳的,期望通过所做的局部最优选择来产生一 ...

  7. C++ 模板类示例 template class

    声明和实现在一个文件中: template<class T> class book { public: book(); ~book(); private: }; template<c ...

  8. Session中短信验证码设置有效时间

    Session中短信验证码设置有效时间 package com.mozq.boot.kuayu01.controller; import org.springframework.web.bind.an ...

  9. Rabbitmq 实现延时任务

    1.需要用到插件 rabbitmq_delayed_message_exchange 来实现,插件下载地址:https://www.rabbitmq.com/community-plugins.htm ...

  10. 基于Django的Rest Framework框架的版本控制

    本文目录 一 作用 二 内置的版本控制类 三 局部使用 四 全局使用 五 示例 源码分析 回到目录 一 作用 用于版本的控制 回到目录 二 内置的版本控制类 from rest_framework.v ...