10

html表格的宽度和高度如何不受内容影响

题目要求我的结果我的结果

我的代码

<head>
<title>行走在路上旅游</title>
</head>
<body>
  <table align="center" width="65%" height="760" bgcolor="F0F7FF">
  <tr>
  <td colspan="3" align="center"><img src="E:\web\实验一\MyFirstWebsite\images\images\7stars.jpg" width="100%" height="180"></td>
  </tr>
  <tr>
  <td background="E:\web\实验一\MyFirstWebsite\images\images\dbj.jpg" align="center" colspan="3" height="20"><a href="#">首页</a>丨<a href="#">旅行社介绍</a>
  丨<a href="#">管理员入口</a>丨<a href="#">路线预订</a>丨<a href="#">
  我要留言</a>丨<a href="#">查看留言</a></td>
  </tr>
  <tr>
  <td rowspan="6">
  <table height="760">
  <tr>
  <td background="E:\web\实验一\MyFirstWebsite\images\images\dbj.jpg" align="center" height="20" width="300"><font>青岛周边旅游</font></td>
  </tr>
  <tr>
  <td align="riight" height="200"><a href="#">樱珠采摘游 青岛旅行社 神游华夏樱珠采摘一晚二日游</a><br/><br/><a href="#">青岛去泰山旅游 泰山旅游路线 泰山二日游</a><br/><br/>
  <a href="#">青岛周边旅游 竹泉村、大峡谷、蒙山大巴二日游</a><br/><br/><a href="#">蓬莱、长岛二日游(纯玩)</a><br/><br/>
  <a href="#">南山大佛、牟氏庄园、淘金小镇豪华大巴二日游</a></td>
  </tr>
  <tr>
  <td background="E:\web\实验一\MyFirstWebsite\images\images\dbj.jpg" align="center" height="20"><font>出行参考</font></td>
  </tr>
  <tr>
  <td align="center" height="300"><ul><li><a href="#">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li></ul></td>
  </tr>
  <tr>
  <td background="E:\web\实验一\MyFirstWebsite\images\images\dbj.jpg" align="center" height="20"><font>友情广告</font></td>
  </tr>
  <tr>
  <td align="center" height="200"><embed 大大声点src="E:\web\实验一\MyFirstWebsite\media\media\topFlash.swf" width="" height="200"></td>
  </tr>
  </table>
  </td>
  <td rowspan="6">
  <table height="650">
  <tr>
  <td height="20"><marquee>大家好,欢迎访问行走在路上旅游</marquee></td>
  </tr>
  <tr>
  <td align="center" height="20" background="E:\web\实验一\MyFirstWebsite\images\images\dbj.jpg" align="center">公告栏</td>
  </tr>
  <tr>
  <td align="lrft" height="240"><marquee direction="up"><a href="#">公告一</a><br/><br/><a href="#">公告一</a><br/><br/><a href="#">公告一</a><br/><br/><a href="#">
  公告一</a><br/><br/><a href="#">公告一</a><br/><br/><a href="#">公告一</a><br/><br/><a href="#">公告一</a><br/><br/><a href="#">公告一</a><br/><br/><a href="#">
  公告一</a><br/><br/><a href="#">公告一</a><br/><br/></marquee></td>
  </tr>
  <tr>
  <td align="center" height="20" background="E:\web\实验一\MyFirstWebsite\images\images\dbj.jpg">旅游会员注册</td>
  </tr>
  <tr>
  <td align="center"><img src="E:\web\实验一\MyFirstWebsite\images\images\register.PNG" align="center"></td>
  </tr>
  <tr>
  <td height="300"><img src="E:\web\实验一\MyFirstWebsite\images\images\zhuye.jpg" height="300"></td>
  </tr>
  </table>
  </td>
  <td rowspan="10">
  <table height="650">
  <tr>
  <td height="110"><img src="E:\web\实验一\MyFirstWebsite\images\images\jzg.jpg"></td>
  </tr>
  <tr>
  <td height="20" align="center"><a href="#">九寨沟冬之韵</a></td>
  </tr>
  <tr>
  <td height="110"><img src="E:\web\实验一\MyFirstWebsite\images\images\jswq.jpg"></td>
  </tr>
  <tr>
  <td height="20" align="center"><a href="#">金山温泉乐园</a></td>
  </tr>
  <tr>
  <td height="110"><img src="E:\web\实验一\MyFirstWebsite\images\images\zhyn.jpg"></td>
  </tr>
  <tr>
  <td height="20" align="center"><a href="#">渤海玉女像</a></td>
  </tr>
  <tr>
  <td height="110"><img arc="E:\web\实验一\MyFirstWebsite\images\images\lmgc.jpg"></td>
  </tr>
  <tr>
  <td height="20" align="center"><a href="#">罗马广场</a></td>
  </tr>
  <tr>
  <td height="110"><img arc="E:\web\实验一\MyFirstWebsite\images\images\sbd.jpg"></td>
  </tr>
  <tr>
  <td height="20" align="center"><a href="#">塞班岛</a></td>
  </tr>
  </table>
  </td>
  </tr>
  </table>
  </body>
  </html>

纯新手,没学CSS。求问怎么才能让表格高度和宽度不随着内容改变,而是使内容会根据表格大小自动换行。

查看全部
WTiny
WTiny
2015/10/05 08:08
  • html5
  • 点赞
  • 收藏
  • 回答
    私信
满意答案
查看全部

8个回复