<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
   li{
    float: left;
    color: red;
    width: 6.25rem;
    background: blue;
   }
   a{
    color: red;
    text-decoration: none;
    font-size: 1rem;
   }
   a:hover{
    color: white;
   }
   ul{
    list-style: none;
   }
  </style>
 </head>
 <body>
  <!--网页分为三层为同头部,
  第二层为内容部分,
  第三层为底部
  头部主要是logo和导航,
  中间为内容主题下面主要是版权
  -->
  <table border="1" cellspacing="0px" cellpadding="0px" id="content" height="150px" style="background-color: aqua;" width="100%">
    <tr>
     <th><img src="PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" ></th>
     </tr>
     <tr>
      <th><h1>只有坚持信念,才会有美好未来!</h1></th>
      </tr>
      <tr bgcolor="yellow" background="yellow" style="background-color: #FF0000;">
       <th height="40px" style="background-color: aqua"colspan="3" bgcolor="yellow"><ul>
        <li><a href="1.html"></a>首页</li><li>我的风采</li><li>我的照片</li><li>联系我</li>
       </ul></th>
      </tr>
  </table>
  <table border="1px" cellspacing="0px" cellpadding="0px" width="100%" height="600px" style="background-color: blue;">
   <tr>
    <td>Data</td>
    </tr>
    <tr>
     <th></th>
     </tr>
  </table>
  <table border="1px" cellspacing="0px" cellpadding="0px" width="100%" height="600px" style="background-color: black;">
   <tr>
    <th>Header</th>
    </tr>
  </table>
 </body>
</html>