前端特效（1）--制作简历

最近整理一下前面自己利用前端做的一些特效、成果之类的，
对以后面试也会有一定的帮助。
首先，从最简单的开始，这篇博客就是利用html+css制作一份简历
我的这份简历的制作主要是利用表格的来制作的。
附上主要的html代码：

<table cellspacing="0" cellpadding="5">
        <thead>
            <tr>
                <th  colspan="5">个人简历</th>
                <!-- <th></th> -->
                <!-- <th></th> -->
                <!-- <th></th> -->
                <!-- <th></th> -->
            </tr>
        </thead>
        <tbody>
           <tr>
               <td>姓名</td>
               <td>张三</td>
               <td>性别</td>
               <td>男</td>
               <td rowspan="4">照片粘贴处</td>
           </tr>
           <tr>
               <td>民族</td>
               <td>汉族</td>
               <td>出生年月</td>
               <td>1999-12-18</td>
               <!-- <td></td> -->
           </tr>
           <tr>
               <td>籍贯</td>
               <td>北京</td>
               <td>健康状况</td>
               <td>优</td>
               <!-- <td></td> -->
           </tr>
           <tr>
               <td>政治面貌</td>
               <td>团员</td>
               <td>专业</td>
               <td>计算机专业</td>
               <!-- <td></td> -->
           </tr>

          <tr>
              <td rowspan="2">联系方式</td>
              <td colspan="4" style="text-align: left;">QQ：18920837</td>
              <!-- <td></td> -->
              <!-- <td></td> -->
              <!-- <td></td> -->
          </tr>
          <tr>
              <!-- <td></td> -->
              <td colspan="4" style="text-align: left;">电话：18772234190</td>
              <!-- <td></td> -->
              <!-- <td></td> -->
              <!-- <td></td> -->
          </tr>
          <tr>
              <td colspan="5">专业技能</td>
              <!-- <td></td> -->
              <!-- <td></td> -->
              <!-- <td></td> -->
              <!-- <td></td> -->
          </tr>
           <tr>
                <td>基本情况</td>
                <td colspan="4" style="text-align: left;">
                    <ul>
                        <li>熟悉office等办公软件;</li>
                        <li>熟练而全面掌握通信及计算机网络</li>
                        <li>熟悉SQL Server、MySQL等数据库操作，了解Oracle数据库操作;</li>
                        <li>熟悉Linux系统基本操作，熟悉C++、JAVA、汇编、Perl等编程语言;</li>
                    </ul>                    　　
                </td>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
          <tr>
              <td colspan="5">项目经验</td>
              <!-- <td></td> -->
              <!-- <td></td> -->
              <!-- <td></td> -->
              <!-- <td></td> -->
          </tr>

          <tr>
                <td>项目一</td>
                <td colspan="4" style="text-align: left;">
                        项目时间：2018-01到2018-10 <br>
                        项目名称：魔飞公寓(PC端) <br>
                        项目描述：<br>
                        该网站专注于帮助白领租到合适的公寓
                        我的职责:负责网站首页,网站头部/底部/及登录注册模块的搭建 <br>
                        1.参与网站需求分析和布局设计 <br>
                        2.使用HTML+CSS进行内容排版<br>
                        3.结合HTML5/CSS3,原生JS,jQuery库实现页面特效<br>
                        4.使用swiper.js完成多个轮播图效果<br>
                        5.利用Ajax技术完成与后端的数据交互<br>
                        6.注册页面的信息验证,用正则表达式进行字符串的匹配<br>
                        7.使用HTML5 video标签插入视频</td>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
        </tr>
        <tr>  
            <td>项目二</td>
            <td colspan="4"></td>
            <!-- <td></td> -->
            <!-- <td></td> -->
            <!-- <td></td> -->
        </tr>
        </tbody>
    </table>

制作成果：