2020.03.31 HTML标签综合练习

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>河马旅游网</title>
</head>
<body>
<table width="100%" align="center">
<!-- 第一行-->
<tr>
<td><img src="image/top_banner.jpg" width="100%" alt=""></td>
</tr>
<!-- 第二行-->
<tr>
<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>
</tr>
<!-- 第三行-->
<tr>
<td>
<table width="100%" align="center" bgcolor="#ffd700" height="45">
<tr>
<td><a href="http://www.baidu.com">首页</a></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 width="95%" align="center">
<tr>
<td><img src="image/jiangxuan_1.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 899</font></td>
<td><img src="image/jiangxuan_1.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 899</font></td>
<td><img src="image/jiangxuan_1.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 899</font></td>
<td><img src="image/jiangxuan_1.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 899</font></td>
</tr>
</table></td>
</tr>
<!-- 第七行-->
<tr>
<td><img src="image/icon_6.jpg" alt="">国内游
<hr color="yellow">
</td>
</tr>
<!-- 第八行-->
<tr>
<td>
<table width="95%" align="center">
<tr>
<td rowspan="2"><img src="image/guonei_1.jpg" alt="" ></td>
<td><img src="image/jiangxuan_2.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 699</font></td>
<td><img src="image/jiangxuan_2.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 699</font></td>
<td><img src="image/jiangxuan_2.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 699</font></td>
</tr>
<tr>
<td><img src="image/jiangxuan_2.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 699</font></td>
<td><img src="image/jiangxuan_2.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 699</font></td>
<td><img src="image/jiangxuan_2.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 699</font></td>

</tr>
</table></td>
</tr>
<!-- 第九行-->
<tr>
<td><img src="image/icon_7.jpg" alt="">境外游
<hr color="yellow">
</td>
</tr>
<!-- 第十行-->
<tr>
<td>
<table width="95%" align="center">
<tr>
<td rowspan="2"><img src="image/jiangwai_1.jpg" alt="" ></td>
<td><img src="image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 699</font></td>
<td><img src="image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 699</font></td>
<td><img src="image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 699</font></td>
</tr>
<tr>
<td><img src="image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 699</font></td>
<td><img src="image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 699</font></td>
<td><img src="image/jiangxuan_3.jpg" alt="">
<p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
<font color="red">&yen; 699</font></td>

</tr>
</table></td>
</tr>
<!-- 第十一行-->
<tr >
<td><img src="image/footer_service.png" alt="" width="100%"></td>
</tr>
<!-- 第十二行-->
<tr>
<td>
<table bgcolor="#ffd700" width="100%" align="center">
<tr>
<td align="center" height="30">
<font color="gray" size="2">江苏传智播客教育科技股份有限公司
版权所有Copyright&copy; 2006-2018, All Rights Reserved 苏ICP备16007882
</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/aojie/p/12602643.html