代码实现:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>旅游网站</title>
</head>
<body>
<table width="100%" align="center">
<!-- 第一行 -->
<tr>
<td>
<img src="../image/top_banner.jpg" alt="1.1">
</td>
</tr>
<!-- 第二行 -->
<tr>
<td>
<table width="100%" align="center">
<tr>
<!-- 2.1 -->
<td >
<img src="../image/logo.jpg" alt="2.1">
</td>
<!-- 2.2 -->
<td>
<img src="../image/search.png" alt="2.2">
</td>
<!-- 2.3 -->
<td>
<img src="../image/hotel_tel.png" alt="2.3">
</td>
</tr>
</table>
</td>
</tr>
<!-- 第三行 -->
<tr>
<td>
<table width="100%" align="center" height="45">
<tr bgcolor = "#FACC2E" align="center">
<td>
<a href="https://blog.csdn/qq_46274901?spm=1001.2101.3001.5343" target="_blank">首页</a>
</td>
<td>
门票
</td>
<td>
酒店
</td>
<td>
香港车票
</td>
<td>
出境游
</td>
<td>
港澳游
</td>
<td>
抱团定制
</td>
<td>
全球自由行
</td>
<td>
收藏排行榜
</td>
</tr>
</table>
</td>
</tr>
<!-- 第四行 -->
<tr align="center">
<td>
<img src="../image/banner_3.jpg" alt="4.1">
</td>
</tr>
<!-- 第五行 -->
<tr>
<td>
<table>
<tr>
<td>
<img src="../image/icon_5.jpg" alt="5.1">
</td>
<td>
黑马精选
</td>
</tr>
</table>
<hr color="#FACC2E">
</td>
</tr>
<!-- 第六行 -->
<tr>
<td>
<table width="95%" align="center">
<tr>
<td>
<img src="../image/jiangxuan_1.jpg" alt="7.1">
<p>上海直飞三亚5天4晚自由行(春节预售+亲子/<br>蜜月/休闲游首选+豪华酒店任选+接送机)</p>
<font color = "red">¥ 899</font>
</td>
<td>
<img src="../image/jiangxuan_1.jpg" alt="7.2">
<p>上海直飞三亚5天4晚自由行(春节预售+亲子/<br>蜜月/休闲游首选+豪华酒店任选+接送机)</p>
<font color = "red">¥ 899</font>
</td>
<td>
<img src="../image/jiangxuan_1.jpg" alt="7.3">
<p>上海直飞三亚5天4晚自由行(春节预售+亲子/<br>蜜月/休闲游首选+豪华酒店任选+接送机)</p>
<font color = "red">¥ 899</font>
</td>
<td>
<img src="../image/jiangxuan_1.jpg" alt="7.4">
<p>上海直飞三亚5天4晚自由行(春节预售+亲子/<br>蜜月/休闲游首选+豪华酒店任选+接送机)</p>
<font color = "red">¥ 899</font>
</td>
</tr>
</table>
</td>
</tr>
<!-- 第七行 -->
<tr>
<td>
<table>
<tr>
<td>
<img src="../image/icon_6.jpg" alt="7.1">
</td>
<td>
国内游
</td>
</tr>
</table>
<hr color="#FACC2E">
</td>
</tr>
<!-- 第八行 -->
<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">¥ 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>
<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>
<!-- 第九行 -->
<tr>
<td>
<table>
<tr>
<td>
<img src="../image/icon_7.jpg" alt="">
</td>
<td>
境外游
</td>
</tr>
</table>
<hr color="#FACC2E">
</td>
</tr>
<!-- 第十行 -->
<tr>
<td>
<table width="95%" align="center">
<tr>
<td rowspan="2">
<img src="../image/jiangwai_1.jpg" alt="" height="100%">
</td>
<td>
<img src="../image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">¥ 699</font>
</td>
<td>
<img src="../image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">¥ 699</font>
</td>
<td>
<img src="../image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">¥ 699</font>
</td>
</tr>
<tr>
<td>
<img src="../image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">¥ 699</font>
</td>
<td>
<img src="../image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">¥ 699</font>
</td>
<td>
<img src="../image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">¥ 699</font>
</td>
</tr>
</table>
</td>
</tr>
<!-- 第十一行 -->
<tr>
<td>
<img src="../image/footer_service.png" alt="">
</td>
</tr>
<!-- 第十二行 -->
<tr>
<td bgcolor = "#FACC2E" align="center">
<font color = "#A4A4A4">
江苏传智播客教育科技股份有限公司版权所有Copyright 2006-2018 All Rights Reserved苏ICP备16007882
</font>
</td>
</tr>
</table>
</body>
</html>
结果展示
更多推荐
使用html制作一个旅游网站
发布评论