旅游网管理页面
基于HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>杨永峰的大型网站</title>
</head>
<body>
<!--采用table来完成布局-->
<!--最外层的table，用于整个页面的布局-->
<table width="100%" align="center">
<!-- 这就是第一行-->
<tr>
<td>
<img src="image/top_banner.jpg" width="100%" alt="">
</td>
</tr>
<!-- 第2行-->
<tr>
<td>
<table width="100%" align="center">
<tr>
<td>
<img src="image/logo.jpg" alt="">
</td>
<td>
<img src="image/search.png" alt="">
</td>
<td>
<img src="image/hotel_tel.png" alt="">
</td>
</tr>
</table>
</td>
</tr>
<!-- 第3行-->
<tr>
<td>
<table width="100%" align="center">
<tr bgcolor="yellow" align="center" height="45">
<td>
<a href="">首页</a>
</td>
<td>
用户想吃饭
</td>
<td>
查实的
</td>
<td>
香港车票
</td>
<td>
出境游
</td>
<td>
国内游
</td>
<td>
港澳游
</td>
<td>
抱团定制
</td>
<td>
全球自行游
</td>
<td>
搜藏排行榜
</td>
<td>
全球自行游
</td>
<td>
全球排行榜
</td>
<td>
麻将
</td>
</tr>
</table>
</td>
</tr>
<!-- 第四行-->
<tr>
<td>
<img src="image/banner_3.jpg" alt="" width="100%">
</td>
</tr>
<!-- 第五行-->
<tr>
<td>
<img src="image/icon_5.jpg" alt="">
黑马精选
<hr color="yellow">
</td>
</tr>
<!-- 第六行-->
<tr>
<td>
<table align="center" width="95%">
<tr>
<td>
<h>
<img src="image/jiangxuan_1.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥199</h2></font>
</h>
</td>
<td>
<img src="image/jiangxuan_1.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥899</font>
</td>
<td>
<img src="image/jiangxuan_1.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥899</font>
</td>
<td>
<img src="image/jiangxuan_1.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥899</font>
</td>三亚五天4晚自行游（春节销售，）上海飞洒他
<td>
<p>
上海飞
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- 第7行 国内游-->
<tr>
<td>
<img src="image/icon_6.jpg" alt="">
国内游
<hr color="yellow">
</td>
</tr>
<!-- 第8行-->
<tr>
<td>
<table align="center" width="95%">
<tr>
<td rowspan="2">
<img src="image/guonei_1.jpg" alt="">
</td>
<td>
<img src="image/jiangxuan_2.jpg" alt="" height="100%">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥899</font>
</td>
<td>
<img src="image/jiangxuan_2.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥899</font>
</td>
<td>
<img src="image/jiangxuan_2.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥699</font>
</td>
</tr>
<tr>
<td>
<img src="image/jiangxuan_2.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥699</font>
</td>
<td>
<img src="image/jiangxuan_2.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥699</font>
</td>
<td>
<img src="image/jiangxuan_2.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥699</font>
</td>
</tr>
</table>
</td>
</tr>
<!-- 第9行 境外游-->
<tr>
<td>
<img src="image/icon_7.jpg" alt="">
境外游
<hr color="yellow">
</td>
</tr>
<!-- 第10行-->
<tr>
<td>
<table align="center" width="95%">
<tr>
<td rowspan="2">
<img src="image/jiangwai_1.jpg" alt="">
</td>
<td>
<img src="image/jiangxuan_3.jpg" alt="" height="100%">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥899</font>
</td>
<td>
<img src="image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥899</font>
</td>
<td>
<img src="image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥899</font>
</td>
</tr>
<tr>
<td>
<img src="image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥899</font>
</td>
<td>
<img src="image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥899</font>
</td>
<td>
<img src="image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p>
<font color="red">¥899</font>
</td>
</tr>
</table>
</td>
</tr>
<!--第11行-->
<tr>
<td>
<img src="image/footer_service.png"alt=""width="100%">
</td>
</tr>
<!-- 第12行-->
<tr>
<td align="center"bgcolor="yellow"height="40">
<font color="gray"size="2">
苏州传智播客教育科技股份有限公司<br>
版权所有Copyright 2006-2018©, All Rights Reserved 苏ICP备16007882123<br>
版权最终归本公司所用编号为9852001010225,苏IOC系统备案编号<br>苏州有限公司
</font>
</td>
</tr>
</table>
</body>
</html>