旅游網管理頁面
基于HTML
<!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">¥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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/300486.html
標籤：其他
上一篇：js的this指向哪里
下一篇：陣列（Array)常用方法