当前位置:首页 » 《随便一记》 » 正文

旅游网站页面_程序员峰~sir的博客

9 人参与  2021年11月07日 10:03  分类 : 《随便一记》  评论

点击全文阅读


旅游网管理页面
基于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">&yen;199</h2></font>
                        </h>
                    </td>

                    <td>
                        <img src="image/jiangxuan_1.jpg"   alt="">
                        <p>上海飞三亚五天4晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;899</font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_1.jpg" alt="">
                        <p>上海飞三亚五天4晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;899</font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_1.jpg" alt="">
                        <p>上海飞三亚五天4晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;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">&yen;899</font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_2.jpg" alt="">
                        <p>上海飞三亚五天4晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;899</font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_2.jpg" alt="">
                        <p>上海飞三亚五天4晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;699</font>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="image/jiangxuan_2.jpg" alt="">
                        <p>上海飞三亚五天4晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;699</font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_2.jpg" alt="">
                        <p>上海飞三亚五天4晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;699</font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_2.jpg" alt="">
                        <p>上海飞三亚五天4晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;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">&yen;899</font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_3.jpg" alt="">
                        <p>上海飞三亚五天4晚自由行(春节销售+亲自+蜜月+自由行)</p>


                        <font color="red">&yen;899</font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_3.jpg" alt="">
                        <p>上海飞三亚五天4晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;899</font>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="image/jiangxuan_3.jpg" alt="">
                        <p>上海飞三亚五天4晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;899</font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_3.jpg" alt="">
                        <p>上海飞三亚五天4晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;899</font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_3.jpg" alt="">
                        <p>上海飞三亚五天4晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;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&copy;, All Rights Reserved 苏ICP备16007882123<br>
                版权最终归本公司所用编号为9852001010225,苏IOC系统备案编号<br>苏州有限公司
            </font>
        </td>
    </tr>
</table>

</body>
</html>

点击全文阅读


本文链接:http://m.zhangshiyu.com/post/30585.html

自由  蜜月  春节  
<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1