<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>刘聪聪信息</title>
        <style type="text/css">
        body{
         margin: 5px;
         padding: 0;
         background: #325;
        }
        #all{
         background: #600;
         width: ;
         height: 100px;
         float: top;
        }
        #half{
         background: violet;
         width: ;
         height: 80px;
        }
        #Tab{
         width: 50%;
         height: 500px;
         border: 0px solid #333444;
         background: pink;
         float: right;
         margin-top: 3%;
         }
         #let{
          width: 50%;
          background: #888;
          float: left;
          margin-top: 3%;
         }
         #foot{
          width: 50%;
          background: black;
          float: left;
         }
         #moot{
          width: 50%;
          float: right;
          background: #009;
         }
         </style>
        </head>
        <body>
        <div id="all">
        <div id="half">
           <center><p><font size="6" color="#333444" style="text-align: center;"><b>你可以试着从这里来了解我</b></font></center></p><p><font size="4" color="red" style="text-align: right;"><b>------------------------------------------------------------------------------------------------------------------------------------------------------------刘聪聪等着您的青睐--------------------------------------</b></font></p>
           
        </div>
       
         <div id="Tab">
          <table border="1" align="center">
         <br>
         <center><font size="5" color="black"><b>个人简历</b></font></center>
         <tr height="50">
          <td width="75">姓名</td><td width="130">刘聪聪</td><td width="75" >性别</td><td width="130" >女</td>
          <td width="130" colspan="2" rowspan="3"><img src="image/000.jpg" width="130" height="150"></td>
         </tr>
         <tr height="50">
          <td width="75">民族</td><td width="130">汉族</td><td width="75">籍贯</td><td width="130">陕西</td>
         </tr>
         <tr height="50">
          <td width="75">学历</td><td width="130">本科</td><td width="75">专业</td><td width="130">软件工程</td>
         </tr>
         <tr height="50">
          <td width="80">教育历程</td><td width="335" colspan="10"></td>
         </tr>
         <tr height="50">
          <td width="80">主修课程</td><td width="335" colspan="10"></td>
         </tr>
         <tr height="50">
          <td width="80">自我评价</td><td width="335" colspan="10"></td>
         </tr>
         <tr height="50">
          <td width="80">工作经历</td><td width="335" colspan="10"></td>
         </tr>
         </table>
         </div>
         <div id="let">
          <ul>
           <li><font size="4" color="blue"><i><b>所受教育</b></i></font></li>
           <p><font size="2" color="black"><b>2013年9月-2017年7月就读于沈阳师范大学软件学院软件工程专业,主修Java程序设计、数据库原理、Web程序设计等学科。</b></font></p>
           <li><font size="4" color="blue"><i><b>家庭背景</b></i></font></li>
           <p><font size="2" color="black"><b>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</b></font></p>
           <li><font size="4" color="blue"><i><b>感情生活</b></i></font></li>
           <p><font size="2" color="black"><b>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</b></font></p>
          </ul>
          
         </div>
         <p><font size="6" color="red"><b>如果你有兴趣认识我,请与我互动:</b><br></font>
         <b>您的姓名:</b><input type="text" ><br><br><b>您的年龄:</b><input type="text"><br><br>
         <b>您的业余爱好:</b><br><input type="checkbox" name="happy">运动
         <input type="checkbox" name="happy">读书<input type="checkbox" name="">听音乐<input type="checkbox" name="happy">逛街购物<br><br>
         <input type="submit" value="点击此处与我互动"></p>
        </div>
        </body>
        </html>