脚本宝典收集整理的这篇文章主要介绍了旅游网站页面,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
<!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">¥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>
以上是脚本宝典为你收集整理的旅游网站页面全部内容,希望文章能够帮你解决旅游网站页面所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。