利用表格实现页面布局
1、<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>旅游一览</title>
</head>
<body>
<table width="722" height="533" border="1">
<tr>
<td colspan="3"><img src="u=517834570,898570112&fm=21&gp=0.jpg" width="719" height="161" /></td>
</tr>
<tr>
<td width="211" height="183"><table width="207" border="0">
<tr>
<td width="197"><strong>推荐路线</strong></td>
</tr>
<tr>
<td><div align="center">江南水乡</div></td>
</tr>
<tr>
<td><div align="center">云南丽江</div></td>
</tr>
<tr>
<td><div align="center">北京故宫</div></td>
</tr>
<tr>
<td><div align="center">瑰宝长城</div></td>
</tr>
<tr>
<td><div align="center">天府成都</div></td>
</tr>
</table></td>
<td width="255"><img src="u=727162077,3518998462&fm=21&gp=0.jpg" width="250" height="179" /></td>
<td width="238"><table width="238" border="0">
<tr>
<td width="228"><strong>经典路线</strong></td>
</tr>
<tr>
<td>北京：长城、故宫、颐和园</td>
</tr>
<tr>
<td>九江：庐山、三叠泉、五老峰</td>
</tr>
<tr>
<td>昆明：石林、大理、丽江</td>
</tr>
<tr>
<td>青岛：烟台、威海、蓬莱</td>
</tr>
<tr>
<td>沈阳：世园会、长春</td>
</tr>
<tr>
<td>南京：中山陵、夫子庙、雨花台</td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3"><img src="u=1750612828,2825840071&fm=21&gp=0.jpg" width="718" height="171" /></td>
</tr>
</table>
</body>
</html>
2、效果图
