急!请看我这段布局html代码,为何不能按照意愿显示?
1x1_pix.gif 是一个透明的1个像素大小的gif图像
以下是代码全部,您可以将它复制到notepad中另存为一个html显示,我想让它显示为一共9个像素高,但是实际上不是,为什么??
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Test Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="9" bgcolor="#115995">
<img src="img/1x1_pix.gif" width="1" height="1"/>
</td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="3" bgcolor="#115995">
<img src="img/1x1_pix.gif" width="1" height="1"/>
</td>
</tr>
<tr>
<td height="6">
<table width="100%" height="6" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="191" bgcolor="#115995">
<img src="img/1x1_pix.gif" width="1" height="1"/>
</td>
<td width="338" bgcolor="#FFFFFF">
<img src="img/1x1_pix.gif" width="1" height="1"/>
</td>
<td bgcolor="#115995">
<img src="img/1x1_pix.gif" width="1" height="1"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td bgcolor="#115995">
<img src="img/1x1_pix.gif" width="1" height="1"/>
</td>
</tr>
</table>
</BODY>
</HTML>