用html做一个旅游网首页
作者：互联网
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>斯柯达旅游网</title>
</head>
<body>
<table weight="100%" align="center"> <!--最外层的table，用于整个页面的布局-->
<tr> <!--第1行-->
<td>
<img src="image/top_banner.jpg" alt="顶部图片" width="100%">
</td>
</tr>
<tr> <!--第2行-->
<td>
<table width="100%" align="center"> <!--tr有3个单元格，td里面嵌套table-->
<tr>
<td>
<img src="image/logo.gif" alt="">
</td>
<td>
<img src="image/search.png" alt="">
</td>
<td>
<img src="image/hotel_tel.png" alt="">
</td>
</tr>
</table>
</td>
</tr>
<tr> <!--第3行-->
<td>
<table width="100%" align="center">
<tr bgcolor="#D26364" align="center" height="50">
<td>
<a href="https://www.2fzd.com/" title="点击进入商场">首页</a>
</td>
<td>
<a href="http://book.zongheng.com/chapter/876992/59164033.html" target="_blank" title="穿越大齐国">大齐国</a>
</td>
<td>
<a href="">京城</a>
</td>
<td>
<a href="">北去</a>
</td>
<td>
<a href="">雁门关</a>
</td>
</tr>
</table>
</td>
</tr>
<tr> <!--第4行-->
<td>
<img src="image/banner_3.jpg" alt="衣服" width="100%" title="请点我">
</td>
</tr>
<tr> <!--第5行-->
<td>
<img src="image/icon_5.jpg" alt="">
淘宝精选
<hr color="#DAE737">
</td>
</tr>
<tr> <!--第6行-->
<td>
<table align="center" width="70%"> <!--有2个单元格，用table的嵌套-->
<tr>
<td> <!--2个td，每个都有图片，每个都有图片，文字，价格-->
<img src="image/jiangxuan_1.jpg" alt="" title="点出图片了解详情">
<p> <!--文字在图片下面展示，用段落标签p或div标签-->
皇朝立国百二十年，正值太平盛世，年年<br>出现在雁门关的塞外诸族
</p>
<font color="#EE8C8E">¥999</font>
</td>
<td> <!--2个td，每个都有图片，每个都有图片，文字，价格-->
<img src="image/jiangxuan_1.jpg" alt="" title="点出图片了解详情">
<p> <!--文字在图片下面展示，用段落标签p或div标签-->
赵氏修行者腰间的长刀，曾让草原血流千<br>里伏尸百万，令草原之兵不敢弯弓而抱怨
</p>
<font color="#EE8C8E">¥888</font>
</td>
</tr>
</table>
</td>
</tr>
<tr> <!--第7行-->
<td>
<img src="image/icon_6.jpg">
国外七日游
<hr color="#3020B7">
</td>
</tr>
<tr> <!--第8行-->
<td>
<table align="center" width="90%">
<tr>
<td rowspan="2"> <!--占2行 rowspan-->
<img src="image/guonei_1.jpg" alt="" >
</td>
<td>
<img src="image/jiangxuan_1.jpg" alt="">
<p>赵氏修行者腰间的长刀</p>
<font color="#FB080C">¥666</font>
</td>
<td>
<img src="image/jiangxuan_1.jpg" alt="">
<p>曾让草原血流千里伏尸百万</p>
<font color="#FB080C">¥666</font>
</td>
</tr>
<tr>
<td>
<img src="image/jiangxuan_1.jpg" alt="">
<p>令草原之兵不敢弯弓而抱怨，使草原之人不敢南下而牧马。哪怕是时隔百年到了今日，胡人依然无法直视其威</p>
<font color="#FB080C">¥666</font>
</td>
<td>
<img src="image/jiangxuan_1.jpg" alt="">
<p>打头的马车上，一杆大旗迎风招揽，上书一个龙飞凤舞、道劲有力的“赵”字，表明这支队伍属于大齐第一将门勋贵——赵氏</p>
<font color="#FB080C">¥666</font>
</td>
</tr>
</table>
</td>
<tr>
<tr> <!--第9行-->
<td>
<img src="image/footer_service.png" alt="" width="100%">
</td>
</tr>
<tr> <!--第10行-->
<td align="center" bgcolor="#E2FF55" height="40">
<font color="#776868" size="2">
山道狭长，两侧都是高坡，地形于我而言毫无可以借助之处
版权所有Copyright 2021©
</font>
</td>
</tr>
</table>
</body>
</html>
标签：草原,yen,666,伏尸,赵氏,html,首页,旅游网 来源： https://blog.csdn.net/weixin_47243375/article/details/116835820