旅游网站页面

news/2024/5/12 3:24:16/文章来源:https://blog.csdn.net/weixin_49802371/article/details/120298438

旅游网管理页面
基于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">&yen;199</h2></font></h></td><td><img src="image/jiangxuan_1.jpg"   alt=""><p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">&yen;899</font></td><td><img src="image/jiangxuan_1.jpg" alt=""><p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">&yen;899</font></td><td><img src="image/jiangxuan_1.jpg" alt=""><p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">&yen;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">&yen;899</font></td><td><img src="image/jiangxuan_2.jpg" alt=""><p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">&yen;899</font></td><td><img src="image/jiangxuan_2.jpg" alt=""><p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">&yen;699</font></td></tr><tr><td><img src="image/jiangxuan_2.jpg" alt=""><p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">&yen;699</font></td><td><img src="image/jiangxuan_2.jpg" alt=""><p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">&yen;699</font></td><td><img src="image/jiangxuan_2.jpg" alt=""><p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">&yen;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">&yen;899</font></td><td><img src="image/jiangxuan_3.jpg" alt=""><p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">&yen;899</font></td><td><img src="image/jiangxuan_3.jpg" alt=""><p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">&yen;899</font></td></tr><tr><td><img src="image/jiangxuan_3.jpg" alt=""><p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">&yen;899</font></td><td><img src="image/jiangxuan_3.jpg" alt=""><p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">&yen;899</font></td><td><img src="image/jiangxuan_3.jpg" alt=""><p>上海飞三亚五天4晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">&yen;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&copy;, All Rights Reserved 苏ICP备16007882123<br>版权最终归本公司所用编号为9852001010225,苏IOC系统备案编号<br>苏州有限公司</font></td></tr>
</table></body>
</html>