复习一下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. RS422接线 z-tek RS232 TO RS485/RS422

    接线方式 z-tek 引脚定义

  2. momentjs在vue中的用法

    js代码 import moment from 'moment'; const jsCountDown = document.getElementById('js-countdown'); const ...

  3. mySql创建带解释的表及给表和字段加注释的实现代码

    1.创建带解释的表 CREATE TABLE test_table( t_id INT(11) PRIMARY KEY AUTO_INCREMENT COMMENT '设置主键自增', t_name ...

  4. redis和memcached的对比

    redis:① 支持的数据结构比较多 ② 支持集群 ③ 支持数据持久化,RDB.AOF ④ 单个value最大值512MB      ⑤ 单核 memcached: ① 支持K/V结构的数据 ② 不支 ...

  5. Spring,SpringMvc,MyBatis用到的设计模式

    1.MyBatis: 首先看MyBatis执行流程: (1)首先,SqlSessionFactoryBuilder 去读取 mybatis 的配置文件,然后 build 一个 DefaultSqlSe ...

  6. Ubuntu18.04连接蓝牙耳机

    使用的耳机是索尼WI-SP500,打开设置,找到Bluetooth,直接连接(WI-SP500在连接第二台设备时,需要长按开机键7秒才行), 保证Output选择需要连接的耳机,然后确保Profile ...

  7. springboot中的照片上传工具类

    public class UploadImgUtils { private static String savePath = ""; /** * 上传照片工具类 * * @para ...

  8. HTML与CSS学习笔记(7)

    1.响应式布局 利用媒体查询,即media queries,可以针对不同的媒体类型定义不同的样式,从而实现响应式布局. 常见选项: 媒体类型 and.not min-width.max-width: ...

  9. aiohttp_spider

    aiohttp_spider_def: import asyncio import re import aiohttp import aiomysql from pyquery import PyQu ...

  10. LeetCode 动态规划

    动态规划:适用于子问题不是独立的情况,也就是各子问题包含子子问题,若用分治算法,则会做很多不必要的工作,重复的求解子问题,动态规划对每个子子问题,只求解一次将其结果保存在一张表中,从而避免重复计算. ...