HTML5编写旅游网页

阿里云国内75折 回扣 微信号：monov8
阿里云国际，腾讯云国际，低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号：monov8 飞机：@monov6

 网页样例 

代码

<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table align="center" >
        <tr>
               <td ><img src="./images/top_banner.jpg" alt=""  ></td>
        </tr>
       
    </table>    
    <table align="center" width="1600">
     <tr>
            <td align="left"><img src="./images/logo.png" alt="" ></td>
            <td align="center"><img src="./images/search.png" alt=""></td>
            <td ><img src="./images/hotel_tel.png" alt="" ></td>
     </tr> 
    </table>
    <table align="center" border="" width="1700"  bgcolor="green" cellspacing="0">
        <tr>
            <td align="center" >
                 <a href="https://www.shengda.edu.cn/" target="_blank">首页</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">门票</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">酒店</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">香港车票</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">出境游</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">国内游</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">港澳游</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">抱团定制</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">全球自由行</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">收藏排行榜</a>
            </td>
        </tr>
    </table>
    
    <table>
        <td><img src="./images/icon_5.jpg" alt=""></td>
        <td>升达精选</td>
    </table>    
    <table align="center">
        <HR color="yellow" size="5">
        <tr><td ><img src="./images/banner_1.jpg" alt=""></td></tr>        
    </table>
 
   

    <table align="center"  >

        <tr>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt=""  ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>            
        </tr>
        <tr>
            <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
            <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
            <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
            <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
        </tr>
        <tr>
            <td style="color: red;" align="center">988</td>
            <td style="color: red;" align="center">988</td>
            <td style="color: red;" align="center">988</td>
            <td style="color: red;" align="center">988</td>
        </tr>
    </table>
    
    <table>
        <tr>
            <td><img src="./images/icon_6.jpg" alt=""></td>
            <td colspan="5">国内游</td>
        </tr>
    </table>
    <HR color="yellow" size="5">

    <table>
        <tr>
            <td rowspan="6"><img src="./images/guonei_1.jpg" alt=""></td> 
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>   
        </tr>

        <tr>
            <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
            <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
            <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
        </tr>

        <tr>
            <td style="color: red;" align="center">988</td>
            <td style="color: red;" align="center">988</td>
            <td style="color: red;" align="center">988</td>
        </tr>

       <tr>
        <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
        <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
        <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>   
       </tr>

       <tr>
        <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
        <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
        <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
    </tr>

       <tr>
        <td style="color: red;" align="center">988</td>
        <td style="color: red;" align="center">988</td>
        <td style="color: red;" align="center">988</td>
    </tr>
    </table>

    <table>
        <tr>
            <td><img src="./images/icon_7.jpg" alt=""></td>
            <td colspan="5">国外游</td>
        </tr>
    </table>
    <HR color="yellow" size="5">
        
        <table>
            <tr>
                <td rowspan="6"><img src="./images/jiangwai_1.jpg" alt=""></td> 
                <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
                <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
                <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>   
            </tr>
    
            <tr>
                <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
                <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
                <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
            </tr>
    
            <tr>
                <td style="color: red;" align="center">988</td>
                <td style="color: red;" align="center">988</td>
                <td style="color: red;" align="center">988</td>
            </tr>
    
           <tr>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>   
           </tr>
    
           <tr>
            <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
            <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
            <td align="center">郑州直飞三亚5天4晚自由游假期预售+亲子又+接机送</td>
        </tr>
    
           <tr>
            <td style="color: red;" align="center">988</td>
            <td style="color: red;" align="center">988</td>
            <td style="color: red;" align="center">988</td>
        </tr>
        </table>

        <table align="center" width="1700"  bgcolor="pink">
            <tr align="left" >
                <td  rowspan="2" align="right"><img src="./images/icon_1.jpg" alt=""></td>
                <th>产品齐全</th>
                <td rowspan="2" align="right"><img src="./images/icon_2.jpg" alt=""></td>
                <th>便利快捷</th>
                <td  rowspan="2" align="right"><img src="./images/icon_3.jpg" alt=""></td>
                <th>安全支付</th>
                <td  rowspan="2" align="right"><img src="./images/icon_4.jpg" alt=""></td>
                <th>贴心服务</th>
            </tr>
            <tr>
                <td>产品全自主选择随心买</td>
                <td>24小时不打烊随时买</td>
                <td>知名支付工具放心买</td>
                <td>贴心服务全年无休安心买</td>
            </tr>
        </table>
        <table align="center" >
            <tr>
                <td style="font-size: small; color: darkgrey;">郑州升达经贸管理学院版权所有 2003-2025年</td>
            </tr>
        </table>
</body>
</html>

阿里云国内75折 回扣 微信号：monov8
阿里云国际，腾讯云国际，低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号：monov8 飞机：@monov6
标签: HTML5
返回列表

上一篇：【python爬虫】爬虫所需要的爬虫代理ip是什么？

下一篇：Idea汉化

“HTML5编写旅游网页” 的相关文章

HTML5+CSS3(三)-全面详解（学习总结---从入门到深化）1年前 (2023-02-02)
前端系列 HTML5+CSS31年前 (2023-02-05)
js实现web页面扫描二维码（html5-qrcode）1年前 (2023-02-07)
HTML5之HTML认知学习笔记1年前 (2023-02-08)
html5 + jquery实现验证上传文件的大小1年前 (2023-04-05)
html5学习渐阶笔记---块，布局1年前 (2023-04-13)
html5学习渐阶笔记---元素，属性以及格式化方式1年前 (2023-04-13)
HTML5 表单属性1年前 (2023-04-14)
HTML5本地存储——IndexedDB1年前 (2023-04-16)
web前端tips：浅谈html、html5和H51年前 (2023-04-21)

阿里云国际版