<!DOCTYPE>
<html lang="zh-TW">
 <head>
  <meta charset="big5">
  <title>index</title>
  <style type="text/css">
  body {
    font-family:sans-serif;
    color: #003377;
    background-color: #AAAAAA }

  #HEADER{
      width:1000px;
      margin:0 auto; }
  #HEADER h1{
      display:block;
      width:1000px;
      height:300px;
      background-image:url(01.jpg);
      text-indent:-9999px; }

  h1 {
    font-family:fantasy;
    color: #009FCC }

  #MENU {
    width:1080px;
    margin: 0 auto;
    overflow:hidden; }
  #MENU li {
    list-style-type: none;
    float:left; }
  #MENU li a {
    display:block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: #000000;
    font-size: 20px;
    color: #FFFFF;
    letter-spacing: 2px;
    text-align: center;
    text-decoration: none; }
  #MENU li a:hover {
    background-color:#FFBB00; }
  a:link {
    color: #0000CC }
  a:visited {
    color: #888888 }

  #CONTENT{
    clear:both;
    width:1000px;
    margin:0 auto;
    background-color:#FFFFFF;
    padding-top:30px;
    padding-bottom:30px; }
  #LIKE{
    width:1000px;
    margin:0 auto;
    text-align: center; }
  </style>  
 </head>
 
 <body>
 <div id="HEADER">
  <h1>CSS語法</h1>
 </div>

 <div id="MENU">
  <ul>
   <li><a href="index.html">首頁</a></li>
   <li><a href="page1.html">資料結構及演算法</a></li>
   <li><a href="page2.html">鏈結串列</a></li>
   <li><a href="page3.html">二元樹</a></li>
   <li><a href="page4.html">圖形結構</a></li>
  </ul>
 </div>

 <div id="CONTENT">
  <p>注意!
  <p>本網頁為記錄未來所學習之資料結構相關筆記用,目前尚未完成</p>
  <p>本網頁為測試版第二型,為學術用途;測試版原型網頁已因其為紀錄遊戲攻略用,而非學術用途而遭銷毀</p> 
 </div>
 <div id="LIKE">
 <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2F210.240.163.22%2F10711239%2F&width=300&layout=standard&action=like&size=small&show_faces=true&share=true&height=80&appId" width="300" height="80" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
 </div>
 </body>
</html>