我的第一个HTML_董培浩-CSDN博客

本文链接：https://blog.csdn.net/henaimumu/article/details/12437861
 
  <!DOCTYPE> 
  
 
  <html> 
  
 
  <head> 
  
 
  <meta 
  http-equiv= 
  "Content-Type" 
  content= 
  "text/html; charset=utf-8" 
  /> 
  
 
  <style 
  type= 
  "text/css" 
  > 
  
 
  h1 
  { 
  color 
  : 
  red 
  } 
  
 p 
  { 
  color 
  : 
  black 
  } 
  
 
  </style> 
  
 
  </head> 
  
 
  <body 
  background= 
  "/img/background2.jpg" 
  bgcolor= 
  "Bisque" 
  > 
  
 
  <script 
  language= 
  "javascript" 
  > 
  
 
  function 
  tick() 
  { 
  
 
  var 
  today 
  = 
  new 
  Date(); 
  
 
  var 
  month 
  = 
  today 
  . 
  getMonth() 
  + 
  1; 
  <!-- 
  getMonth 
  显示当前月份 
  - 
  1 
  ，所以要 
  + 
  1 
  才能显示当前月份 
  --> 
  
 
  var 
  year 
  , 
  date 
  , 
  hours 
  , 
  minutes 
  , 
  seconds; 
  
 
  var 
  intHours 
  , 
  intMinutes 
  , 
  intSeconds; 
  
 
  var 
  week 
  = 
  new 
  Array() 
  <!-- 
  显示几天为星期几 
  --> 
  
   
     
   
  week 
  [ 
  0 
  ] 
  = 
  "星期天 "; 
  
   
     
   
  week 
  [ 
  1 
  ] 
  = 
  "星期一 "; 
  
   
     
   
  week 
  [ 
  2 
  ] 
  = 
  "星期二 "; 
  
   
     
   
  week 
  [ 
  3 
  ] 
  = 
  "星期三 "; 
  
   
     
   
  week 
  [ 
  4 
  ] 
  = 
  "星期四 "; 
  
   
     
   
  week 
  [ 
  5 
  ] 
  = 
  "星期五 "; 
  
   
     
   
  week 
  [ 
  6 
  ] 
  = 
  "星期六 "; 
  
 
  intHours 
  = 
  today 
  . 
  getHours(); 
  
 
  intMinutes 
  = 
  today 
  . 
  getMinutes(); 
  
 
  intSeconds 
  = 
  today 
  . 
  getSeconds(); 
  
 
  year 
  = 
  today 
  . 
  getFullYear(); 
  
 
  date 
  = 
  today 
  . 
  getDate(); 
  
 
  var 
  time; 
  
 
  if ( 
  intHours 
  == 
  0) 
  { 
  
 
  hours 
  = 
  "00:"; 
  
 
  } 
  
 
  else 
  if ( 
  intHours 
  < 
  10) 
  { 
  
 
  hours 
  = 
  "0" 
  + 
  intHours 
  + 
  ":"; 
  
 
  } 
  
 
  else 
  { 
  
 
  hours 
  = 
  intHours 
  + 
  ":"; 
  
 
  } 
  
 
  if ( 
  intMinutes 
  < 
  10) 
  { 
  
 
  minutes 
  = 
  "0" 
  + 
  intMinutes 
  + 
  ":"; 
  
 
  } 
  
 
  else 
  { 
  
 
  minutes 
  = 
  intMinutes 
  + 
  ":"; 
  
 
  } 
  
 
  if ( 
  intSeconds 
  < 
  10) 
  { 
  
 
  seconds 
  = 
  "0" 
  + 
  intSeconds 
  + 
  " "; 
  
 
  } 
  
 
  else 
  { 
  
 
  seconds 
  = 
  intSeconds 
  + 
  " "; 
  
 
  } 
  
 
  if( 
  today 
  . 
  getHours 
  <= 
  5 
  ){   
   
  <!-- 
  根据不同的时间显示不同的问候 
  --> 
  
 
  time 
  = 
  "凌晨好"; 
  
 
  } 
  
   
     
     
   
  else 
  if( 
  today 
  . 
  getHours() 
  <= 
  8 
  ){ 
  
 
  time 
  = 
  "早上好"; 
  
 
  } 
  
 
  else 
  if( 
  today 
  . 
  getHours() 
  <= 
  12 
  ){ 
  
 
  time 
  = 
  "上午好"; 
  
 
  } 
  
 
  else 
  if( 
  today 
  . 
  getHours() 
  <= 
  14 
  ){ 
  
 
  time 
  = 
  "中午好"; 
  
 
  } 
  
 
  else 
  if( 
  today 
  . 
  getHours() 
  <= 
  17 
  ){ 
  
 
  time 
  = 
  "下午好"; 
  
 
  } 
  
 
  else 
  if( 
  today 
  . 
  getHours() 
  <= 
  19 
  ){ 
  
 
  time 
  = 
  "傍晚好"; 
  
 
  } 
  
 
  else 
  if( 
  today 
  . 
  getHours() 
  <= 
  22 
  ){ 
  
 
  time 
  = 
  "晚上好"; 
  
 
  } 
  
 
  else 
  { 
  
 
  time 
  = 
  "午夜好"; 
  
 
  } 
  
 
  timeString 
  = 
  year 
  + 
  "年" 
  + 
  month 
  + 
  "月" 
  + 
  date 
  + 
  "日  " 
  + 
  hours 
  + 
  minutes 
  + 
  seconds 
  + 
  week 
  [ 
  today 
  . 
  getDay 
  ()] 
  + 
  time; 
  
 
  Clock 
  . 
  innerHTML 
  = 
  timeString; 
  
 
  window 
  . 
  setTimeout( 
  "tick();" 
  , 
  1000); 
  
 
  } 
  
 
  window 
  . 
  onload 
  = 
  tick; 
  
 
  </script> 
  
 
  </head> 
  
 
  <body> 
  
 
  <table 
  align= 
  "center" 
  > 
  
 
  <tr> 
  
 
  <td><span 
  id= 
  "Clock" 
  ></span></td> 
  
 
  <td>欢迎来到索马里极限俱乐部 
  </td> 
  
 
  </tr> 
  
 
  </table> 
  
 
  <script 
  type= 
  "text/javascript" 
  src= 
  "http://ext.weather.com.cn/25832.js" 
  ></script> 
  
 
  <h1 
  align= 
  "center" 
  >hello,welcome to 那些年之索马里极限小分队 
  </h1> 
  
 
  <h2>Never lose your style 
  </h2> 
  
 
  <h2>Never forget our happy time 
  </h2> 
  
 
  <a> 
  
 
  <img 
  src= 
  "/img/wangxiulin1.jpg" 
  align= 
  "right" 
  > 
  
 
  <embed 
  height= 
  "100" 
  width= 
  "100" 
  src= 
  "/radio/thatyear.mp3" 
  ></embed> 
  
 
  </a> 
  
 
  <h3>那些年的2D们 
  </h3> 
  
 
  <ul 
  type= 
  "disc" 
  color= 
  "purple" 
  > 
  
   
     
   
  <li><a 
  href= 
  "/example/html/dongpeihao.html" 
  target= 
  "_bland" 
  >董培浩 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/guozhenxing.html" 
  target= 
  "_bland" 
  >郭振兴 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/laitonglong.html" 
  target= 
  "_bland" 
  >赖同龙 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/qiudeqiang.html" 
  target= 
  "_bland" 
  >缺德强 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/shenhaijun.html" 
  target= 
  "_bland" 
  >沈海军 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/renxiaoe.html" 
  target= 
  "_bland" 
  >任晓娥 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/wangmingxing.html" 
  target= 
  "_bland" 
  >王明星 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/wangqiyong.html" 
  target= 
  "_bland" 
  >王启勇 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/wangxiulin.html" 
  target= 
  "_bland" 
  >王秀林 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/yujianqiang.html" 
  target= 
  "_bland" 
  >于建强 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/yanglinmin.html" 
  target= 
  "_bland" 
  >杨林敏 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/yuyanming.html" 
  target= 
  "_bland" 
  >余燕明 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/zhouchao.html" 
  target= 
  "_bland" 
  >周超 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/zhangdongfang.html" 
  target= 
  "_bland" 
  >张东方 
  </a></li> 
  
   
     
   
  <li><a 
  href= 
  "/example/html/zhanggejun.html" 
  target= 
  "_bland" 
  >张戈军 
  </a></li> 
  
 
  </ul> 
  
 
  <p>注：排名不分先后 
  </p> 
  
 
  <a 
  href= 
  "http://blog.sina.com.cn/henaimumu" 
  >作者博客 
  </a> 
  
 
  <h3>作者地址 
  </h3> 
  
 
  <address> 
  
 辽宁省大连市 
  <br/> 
  
 大连理工大学 
  <br/> 
  
 创新园大厦 
  <br/> 
  
 大连森氏国际投资有限公司 
  <br/> 
  
 
  </address> 
  
 
  <p>评价建议 
  
 发送至 
  <a 
  href= 
  "mailto:809160703@qq.com" 
  >作者邮箱 
  </a><br/> 
  
 
  </p> 
  
 
  <form 
  action= 
  "MAILTO:809160703@qq.com" 
  method= 
  "post" 
  enctype= 
  "text/plain" 
  > 
  
 姓名： 
  <br/> 
  
 
  <input 
  type= 
  "text" 
  name= 
  "name" 
  value= 
  "yourname" 
  size= 
  "20" 
  ><br/> 
  
 邮箱： 
  <br/> 
  
 
  <input 
  type= 
  "text" 
  name= 
  "mail" 
  value= 
  "yourmail" 
  size= 
  "20" 
  ><br/> 
  
 内容： 
  <br/> 
  
 
  <input 
  type= 
  "text" 
  name= 
  "comment" 
  value= 
  "yourcomment" 
  size= 
  "40" 
  ><br/> 
  
 
  <input 
  type= 
  "submit" 
  value= 
  "发送" 
  > 
  
 
  <input 
  type= 
  "reset" 
  value= 
  "重置" 
  > 
  
 
  </form> 
  
 
  <p>友情赞助 
  </p> 
  
 
  <p><a 
  href= 
  "http://blog.sina.com.cn/" 
  target= 
  "_blank" 
  ><img 
  src= 
  "/img/sinablog.jpg" 
  /></a></p> 
  
 
  </body> 
  
 
  </html> 
  
 
 