跟着做了一个简单的网页玩玩


.html代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" href="mm_spa.css" type="text/css" />
</head>
<body bgcolor="#990000" background="mm_bg_red.gif">
<table border="0" cellspacing="0" cellpadding="0">
  <tr bgcolor="#220103">
   <td width="215" rowspan="2" colspan="2" nowrap="nowrap"><img src="mm_spa_photo1.jpg" alt="Header image" width="215" height="109" border="0" /></td>
   <td width="355" colspan="2" height="55" nowrap="nowrap" id="logo" valign="bottom">你好啊</td>
   <td width="190" rowspan="2"><img src="mm_spa_photo2.jpg" alt="header image 2" width="176" height="108" border="0" /></td>
   <td width="100%" rowspan="2">&nbsp;</td>
  </tr>  <tr bgcolor="#220103">
    <td height="54" colspan="2" nowrap="nowrap" id="tagline" valign="top">我在这里</td>
  </tr>
   <tr bgcolor="#FF9900">
  <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
 </tr> <tr bgcolor="#FF080E">
  <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
 </tr> <tr bgcolor="#FF9900">
  <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
 </tr> <tr bgcolor="#FF080E">
  <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="18" border="0" /></td>
 </tr> <tr bgcolor="#FF9900">
  <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
 </tr> <tr bgcolor="#FF080E">
  <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
 </tr> <tr bgcolor="#FF9900">
  <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
 </tr> <tr>
    <td width="165" valign="top" id="navborder"><br />
<table border="0" cellspacing="0" cellpadding="0" width="160" id="navigation">
        <tr>
          <td width="160"><a href="javascript:;" class="navText">试一试</a></td>
        </tr>
        <tr>
          <td width="160"><a href="javascript:;" class="navText">试一试</a></td>
        </tr>
        <tr>
          <td width="160"><a href="javascript:;" class="navText">试一试</a></td>
        </tr>
        <tr>
          <td width="160"><a href="javascript:;" class="navText">试一试</a></td>
        </tr>
        <tr>
          <td width="160"><a href="javascript:;" class="navText">试一试</a></td>
        </tr>
      </table>  </td>
    <td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
    <td width="305" valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
&nbsp;<br />
&nbsp;<br />
   <table border="0" cellspacing="0" cellpadding="0" width="305">
        <tr>
          <td class="pageName">欢迎光临</td>
        </tr>
        <tr>
          <td class="bodyText"><p>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p> <p>灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌!</p> </td>
        </tr>
      </table>
  ?<br />
&nbsp;<br /> </td>
    <td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>


    <td width="190" valign="top"><br />
<table border="0" cellspacing="0" cellpadding="0" width="190" bgcolor="#FFFFCC">
        <tr>
  <td colspan="3" class="columnHeader" align="center"><br />来来来<br /><br /></td>
        </tr>       <tr>
       <td width="40"><img src="mm_spacer.gif" alt="" width="20" height="1" border="0" /></td>
<td width="110" class="smallText"><br />
<p><img src="mm_product_sm.gif" alt="product image 1" width="110" height="110" vspace="6" border="0" /><br />
古古怪怪。<br /> <a href="javascript:;">会更好 &gt;</a></p> <p><img src="mm_product_sm.gif" alt="product image 2" width="110" height="110" vspace="6" border="0" /><br />
古古怪怪。<br />
<a href="javascript:;">哈哈哈 &gt;</a><br /></p>
?<br />          </td>
         <td width="40">&nbsp;</td>
        </tr>
      </table> </td>
<td width="100%">&nbsp;</td>
  </tr>
  <tr>
    <td width="165">&nbsp;</td>
    <td width="50">&nbsp;</td>
    <td width="305">&nbsp;</td>
    <td width="50">&nbsp;</td>
    <td width="190">&nbsp;</td>
<td width="100%">&nbsp;</td>
  </tr>
</table>
</body>
</html>.css代码：
/* CSS Document */
body {
margin:0px;
}

td {
font:11px Arial, Helvetica, sans-serif;
color:#FFFF00;
}

a:hover {
color: #FF9900;
}

a {
color: #FF080E;
}#logo{
font: 14px Arial, Helvetica, sans-serif;
color:#FF9900;
letter-spacing:.5em;
padding:10px;
line-height:30px;
}#navigation td {
border-bottom: 1px solid #FF9900
}

#navigation a {
font:11px Arial, Helvetica, sans-serif;
color: #FF9900;
line-height:16px;
letter-spacing:.1em;
text-decoration: none;
display:block;
padding:8px 6px 8px 22px;
}

#navigation a:hover {
color:#FFFFCC;
font-weight:bold;
background: url(mm_bullet_yellow.gif) 10px 50% no-repeat;
}#tagline{
font:11px Arial, Helvetica, sans-serif;
color: #FF9900;
letter-spacing:.2em;
line-height:14px;
}.navText {
font:11px Georgia, Times New Roman, Times, serif;
color: #1F2669;
line-height:16px;
letter-spacing:.1em;
text-decoration: none;
}

.bodyText {
font:11px Arial, Helvetica, sans-serif;
color:#FFFF00;
line-height:22px;
margin-top:0px;
letter-spacing:.1em;
}

.pageName{
font:18px Arial, Helvetica, sans-serif;
color: #FFFF00;
line-height:24px;
letter-spacing:.3em;
}

.columnHeader {
font: 11px Arial, Helvetica, sans-serif;
color: #FF080E;
line-height:18px;
letter-spacing:.05em;
}

.smallText {
font:10px Arial, Helvetica, sans-serif;
color:#333333;
}

解决方案 »

  1.   

    求你了，别table布局了
      

  2.   

    table布局 是什么布局，是新出来的一种新的布局吗。
      

  3.   

    现在都是   div+css布局了
      

  4.   

    纯Table布局呀，没看见一个div
      

  5.   

    竟然还有用TABLE布局的
      

  6.   

    这难道是传说中的Dreamweaver 上古神器 写的代码么