HTML5编写旅游网页
4 篇文章
0 订阅
网页样例：： 
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table align="center" >
<tr>
<td ><img src="./images/top_banner.jpg" alt="" ></td>
</tr>
</table>
<table align="center" width="1600">
<tr>
<td align="left"><img src="./images/logo.png" alt="" ></td>
<td align="center"><img src="./images/search.png" alt=""></td>
<td ><img src="./images/hotel_tel.png" alt="" ></td>
</tr>
</table>
<table align="center" border="" width="1700" bgcolor="green" cellspacing="0">
<tr>
<td align="center" >
<a href="https://www.shengda.edu.cn/" target="_blank">首页</a>
</td>
<td align="center">
<a href="https://www.shengda.edu.cn/" target="_blank">门票</a>
</td>
<td align="center">
<a href="https://www.shengda.edu.cn/" target="_blank">酒店</a>
</td>
<td align="center">
<a href="https://www.shengda.edu.cn/" target="_blank">香港车票</a>
</td>
<td align="center">
<a href="https://www.shengda.edu.cn/" target="_blank">出境游</a>
</td>
<td align="center">
<a href="https://www.shengda.edu.cn/" target="_blank">国内游</a>
</td>
<td align="center">
<a href="https://www.shengda.edu.cn/" target="_blank">港澳游</a>
</td>
<td align="center">
<a href="https://www.shengda.edu.cn/" target="_blank">抱团定制</a>
</td>
<td align="center">
<a href="https://www.shengda.edu.cn/" target="_blank">全球自由行</a>
</td>
<td align="center">
<a href="https://www.shengda.edu.cn/" target="_blank">收藏排行榜</a>
</td>
</tr>
</table>
<table>
<td><img src="./images/icon_5.jpg" alt=""></td>
<td>升达精选</td>
</table>
<table align="center">
<HR color="yellow" size="5">
<tr><td ><img src="./images/banner_1.jpg" alt=""></td></tr>
</table>
<table align="center" >
<tr>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
</tr>
<tr>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
</tr>
<tr>
<td style="color: red;" align="center">￥988</td>
<td style="color: red;" align="center">￥988</td>
<td style="color: red;" align="center">￥988</td>
<td style="color: red;" align="center">￥988</td>
</tr>
</table>
<table>
<tr>
<td><img src="./images/icon_6.jpg" alt=""></td>
<td colspan="5">国内游</td>
</tr>
</table>
<HR color="yellow" size="5">
<table>
<tr>
<td rowspan="6"><img src="./images/guonei_1.jpg" alt=""></td>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
</tr>
<tr>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
</tr>
<tr>
<td style="color: red;" align="center">￥988</td>
<td style="color: red;" align="center">￥988</td>
<td style="color: red;" align="center">￥988</td>
</tr>
<tr>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
</tr>
<tr>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
</tr>
<tr>
<td style="color: red;" align="center">￥988</td>
<td style="color: red;" align="center">￥988</td>
<td style="color: red;" align="center">￥988</td>
</tr>
</table>
<table>
<tr>
<td><img src="./images/icon_7.jpg" alt=""></td>
<td colspan="5">国外游</td>
</tr>
</table>
<HR color="yellow" size="5">
<table>
<tr>
<td rowspan="6"><img src="./images/jiangwai_1.jpg" alt=""></td>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
</tr>
<tr>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
</tr>
<tr>
<td style="color: red;" align="center">￥988</td>
<td style="color: red;" align="center">￥988</td>
<td style="color: red;" align="center">￥988</td>
</tr>
<tr>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
<td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
</tr>
<tr>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
<td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
</tr>
<tr>
<td style="color: red;" align="center">￥988</td>
<td style="color: red;" align="center">￥988</td>
<td style="color: red;" align="center">￥988</td>
</tr>
</table>
<table align="center" width="1700" bgcolor="pink">
<tr align="left" >
<td rowspan="2" align="right"><img src="./images/icon_1.jpg" alt=""></td>
<th>产品齐全</th>
<td rowspan="2" align="right"><img src="./images/icon_2.jpg" alt=""></td>
<th>便利快捷</th>
<td rowspan="2" align="right"><img src="./images/icon_3.jpg" alt=""></td>
<th>安全支付</th>
<td rowspan="2" align="right"><img src="./images/icon_4.jpg" alt=""></td>
<th>贴心服务</th>
</tr>
<tr>
<td>产品全自主选择，随心买</td>
<td>24小时不打烊，随时买</td>
<td>知名支付工具，放心买</td>
<td>贴心服务全年无休，安心买</td>
</tr>
</table>
<table align="center" >
<tr>
<td style="font-size: small; color: darkgrey;">郑州升达经贸管理学院版权所有 2003-2025年</td>
</tr>
</table>
</body>
</html>
702
06-22
04-13
06-15
暂无认证
到【灌水乐园】发言
