• HTML5编写旅游网页

     网页样例：： 

    代码：

    1. html>
    2. <html lang="en">
    3. <head>
    4.  
    5.     <meta charset="UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>Documenttitle>
    8. head>
    9. <body>
    10.     <table align="center" >
    11.         <tr>
    12.                <td ><img src="./images/top_banner.jpg" alt=""  >td>
    13.         tr>
    14.        
    15.     table>    
    16.     <table align="center" width="1600">
    17.      <tr>
    18.             <td align="left"><img src="./images/logo.png" alt="" >td>
    19.             <td align="center"><img src="./images/search.png" alt="">td>
    20.             <td ><img src="./images/hotel_tel.png" alt="" >td>
    21.      tr> 
    22.     table>
    23.     <table align="center" border="" width="1700"  bgcolor="green" cellspacing="0">
    24.         <tr>
    25.             <td align="center" >
    26.                  <a href="https://www.shengda.edu.cn/" target="_blank">首页a>
    27.             td>
    28.             <td align="center">
    29.                 <a href="https://www.shengda.edu.cn/" target="_blank">门票a>
    30.             td>
    31.             <td align="center">
    32.                 <a href="https://www.shengda.edu.cn/" target="_blank">酒店a>
    33.             td>
    34.             <td align="center">
    35.                 <a href="https://www.shengda.edu.cn/" target="_blank">香港车票a>
    36.             td>
    37.             <td align="center">
    38.                 <a href="https://www.shengda.edu.cn/" target="_blank">出境游a>
    39.             td>
    40.             <td align="center">
    41.                 <a href="https://www.shengda.edu.cn/" target="_blank">国内游a>
    42.             td>
    43.             <td align="center">
    44.                 <a href="https://www.shengda.edu.cn/" target="_blank">港澳游a>
    45.             td>
    46.             <td align="center">
    47.                 <a href="https://www.shengda.edu.cn/" target="_blank">抱团定制a>
    48.             td>
    49.             <td align="center">
    50.                 <a href="https://www.shengda.edu.cn/" target="_blank">全球自由行a>
    51.             td>
    52.             <td align="center">
    53.                 <a href="https://www.shengda.edu.cn/" target="_blank">收藏排行榜a>
    54.             td>
    55.         tr>
    56.     table>
    57.     
    58.     <table>
    59.         <td><img src="./images/icon_5.jpg" alt="">td>
    60.         <td>升达精选td>
    61.     table>    
    62.     <table align="center">
    63.         <HR color="yellow" size="5">
    64.         <tr><td ><img src="./images/banner_1.jpg" alt="">td>tr>        
    65.     table>
    66.  
    67.    
    68.  
    69.     <table align="center"  >
    70.  
    71.         <tr>
    72.             <td align="center"><img src="./images/jiangxuan_1.jpg" alt=""  >td>
    73.             <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>
    74.             <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>
    75.             <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>            
    76.         tr>
    77.         <tr>
    78.             <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    79.             <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    80.             <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    81.             <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    82.         tr>
    83.         <tr>
    84.             <td style="color: red;" align="center">￥988td>
    85.             <td style="color: red;" align="center">￥988td>
    86.             <td style="color: red;" align="center">￥988td>
    87.             <td style="color: red;" align="center">￥988td>
    88.         tr>
    89.     table>
    90.     
    91.     <table>
    92.         <tr>
    93.             <td><img src="./images/icon_6.jpg" alt="">td>
    94.             <td colspan="5">国内游td>
    95.         tr>
    96.     table>
    97.     <HR color="yellow" size="5">
    98.  
    99.     <table>
    100.         <tr>
    101.             <td rowspan="6"><img src="./images/guonei_1.jpg" alt="">td> 
    102.             <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>
    103.             <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>
    104.             <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>   
    105.         tr>
    106.  
    107.         <tr>
    108.             <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    109.             <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    110.             <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    111.         tr>
    112.  
    113.         <tr>
    114.             <td style="color: red;" align="center">￥988td>
    115.             <td style="color: red;" align="center">￥988td>
    116.             <td style="color: red;" align="center">￥988td>
    117.         tr>
    118.  
    119.        <tr>
    120.         <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>
    121.         <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>
    122.         <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>   
    123.        tr>
    124.  
    125.        <tr>
    126.         <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    127.         <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    128.         <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    129.     tr>
    130.  
    131.        <tr>
    132.         <td style="color: red;" align="center">￥988td>
    133.         <td style="color: red;" align="center">￥988td>
    134.         <td style="color: red;" align="center">￥988td>
    135.     tr>
    136.     table>
    137.  
    138.     <table>
    139.         <tr>
    140.             <td><img src="./images/icon_7.jpg" alt="">td>
    141.             <td colspan="5">国外游td>
    142.         tr>
    143.     table>
    144.     <HR color="yellow" size="5">
    145.         
    146.         <table>
    147.             <tr>
    148.                 <td rowspan="6"><img src="./images/jiangwai_1.jpg" alt="">td> 
    149.                 <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>
    150.                 <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>
    151.                 <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>   
    152.             tr>
    153.     
    154.             <tr>
    155.                 <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    156.                 <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    157.                 <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    158.             tr>
    159.     
    160.             <tr>
    161.                 <td style="color: red;" align="center">￥988td>
    162.                 <td style="color: red;" align="center">￥988td>
    163.                 <td style="color: red;" align="center">￥988td>
    164.             tr>
    165.     
    166.            <tr>
    167.             <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>
    168.             <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>
    169.             <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" >td>   
    170.            tr>
    171.     
    172.            <tr>
    173.             <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    174.             <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    175.             <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）td>
    176.         tr>
    177.     
    178.            <tr>
    179.             <td style="color: red;" align="center">￥988td>
    180.             <td style="color: red;" align="center">￥988td>
    181.             <td style="color: red;" align="center">￥988td>
    182.         tr>
    183.         table>
    184.  
    185.         <table align="center" width="1700"  bgcolor="pink">
    186.             <tr align="left" >
    187.                 <td  rowspan="2" align="right"><img src="./images/icon_1.jpg" alt="">td>
    188.                 <th>产品齐全th>
    189.                 <td rowspan="2" align="right"><img src="./images/icon_2.jpg" alt="">td>
    190.                 <th>便利快捷th>
    191.                 <td  rowspan="2" align="right"><img src="./images/icon_3.jpg" alt="">td>
    192.                 <th>安全支付th>
    193.                 <td  rowspan="2" align="right"><img src="./images/icon_4.jpg" alt="">td>
    194.                 <th>贴心服务th>
    195.             tr>
    196.             <tr>
    197.                 <td>产品全自主选择，随心买td>
    198.                 <td>24小时不打烊，随时买td>
    199.                 <td>知名支付工具，放心买td>
    200.                 <td>贴心服务全年无休，安心买td>
    201.             tr>
    202.         table>
    203.         <table align="center" >
    204.             <tr>
    205.                 <td style="font-size: small; color: darkgrey;">郑州升达经贸管理学院版权所有 2003-2025年td>
    206.             tr>
    207.         table>
    208. body>
    209. html>

  • 相关阅读:
    Cmake常用命令（二）
    LeetCode：117. 填充每个节点的下一个右侧节点指针 II（C++）
    充电桩负载测试需要检测哪些项目
    高级人工智能复习 中科大
    2023年数据采集仪器行业市场前景分析
    【Python】五、程序循环结构
    django认证重写，用户表使用新表，不用默认auth_user
    sql on条件判断是要注意null值
    代码随想录算法训练营第二十四天 | 回溯算法理论基础，77. 组合 [回溯篇]
    jenkins结合126邮箱提醒
  • 原文地址：https://blog.csdn.net/qq_60854279/article/details/133065259