表格布局

最新推荐文章于 2021-12-20 14:31:28 发布

jlhaoran

最新推荐文章于 2021-12-20 14:31:28 发布

阅读量362

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/haoranli/article/details/72783879

版权

HTML 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!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" xml:lang="zh-cn">
<meta charset="utf-8">
<head>
	<title>中秋节祝福</title>
</head>
<body>
 <table width="760" border="0" align="center" cellpadding="0" cellspacing="0" >
   <tr>
     <td><img src="imgs/bg_r1_c1.gif" width="350" height="100" border="0" alt="fd"/></td>
     <td rowspan="2" background="imgs/bg_r1_c2.gif" width="410">
   
   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="190">
   <param name="movie" value="imgs/flash_header.swf">
   <param name="quality" value="high">
   <param name="wmode" value="transparent">
   <embed src="imgs/flash_header.swf" width="400" height="190" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent">
   </embed>
   </object> 

     </td>
   </tr>
   <tr>
     <td><img src="imgs/bg_r2_c1.gif" width="350" height="100"/></td>
   </tr>
 </table>

  <table width="760" border="0" align="center" cellpadding="0" cellspacing="0" >
    <tr>
      <td rowspan="2"><img src="imgs/bg_r3_c1.gif" width="62" height="280" /></td>
      <td background="imgs/bg_r3_c2.gif" width="383" height="232">
        <marquee direction="up" scrollamount="2">
      <font color="white" size="2">
      月有阴晴圆缺，人有悲欢离合，此事古难全。<br/>
      中秋节离我们越来越近了，每年的中秋你都怎样度过？<br/>
      是否心中怀着那种牵肠挂肚的亲情之念？<br/>
      否胸中藏着明月千里的相思之情？<br/>
      你或你的他（她）在月圆之时，是否有着无尽的话儿要诉说？<br/>
      铺展心中的那份感动，将这些情愫表达出来，<br/>
      让清风带去我们的讯息，<br/>
      让月儿明了我们的心事，让不在身边的他们有所感知……   <br/>
      </font>
     </marquee>
      </td>
      <td rowspan="2"><img src="imgs/bg_r3_c3.gif" width="315" height="280"/></td>
    </tr>
    
    <tr>
      <!--<td>41</td>-->
      <td><img src="imgs/bg_r4_c2.gif" width="383" height="48"/></td>
      <!--<td>43</td>-->
    </tr>

 </table>

  <table width="760" border="0" align="center" cellpadding="0" cellspacing="0" >
   <tr>
     <td><img src="imgs/bg_r5_c1.gif" width="760" height="60"/></td>
   </tr> 
   <tr>
     <td><img src="imgs/bg_r6_c1.gif" width="760" height="60"/></td>
   </tr> 
 </table>
 
</body>
</html>

如果没有头部的红色标记的 dtd文档验证部分图片对不齐会留有空白区域