旅游网站HTML

代码

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/image1/top_banner.jpg" width="100% " alt="">
            </td>
        </tr>


        <!--第二行-->
        <tr>
            <td>
              <table width="100%" align="center">
                  <tr>
                      <td>
                          <img src="../image/image1/logo.jpg" alt="">
                      </td>
                      <td>
                          <img src="../image/image1/search.png" alt="">
                      </td>
                      <td>
                          <img src="../image/image1/logo.jpg" alt="">
                      </td>
                      <td>
                          <img src="../image/image1/hotel_tel.png" alt="">
                      </td>
                  </tr>
              </table>
            </td>
        </tr>


        <!--第三行-->
        <tr>
          <td>
              <table width="100%" align="center">
                  <tr bgcolor="#ffd700" align="center" height="45">
                    <td>
                      <a href="">首页</a>
                    </td>
                    <td>
                      <a href="">门票</a>
                    </td>
                    <td>
                      <a href="">酒店</a>
                    </td>
                    <td>
                      <a href="">香港车票</a>
                    </td>
                    <td>
                      <a href="">出境游</a>
                    </td>
                    <td>
                      <a href="">国内游</a>
                    </td>
                    <td>
                      <a href="">港澳游</a>
                    </td>
                    <td>
                      <a href="">抱团定制</a>
                    </td>
                    <td>
                      <a href="">全球自由行</a>
                    </td>
                  </tr>
              </table>
          </td>
        </tr>

        <!--第四行 轮播图-->
        <tr>
          <td>
            <img src="../image/image1/banner_3.jpg" alt="" width="100%"/>
          </td>
        </tr>

        <!--第五行-->
        <tr>
            <td>
              <img src="../image/image1/icon_5.jpg" alt=""/>
              黑马精选
              <hr color="#ffd700">
            </td>
        </tr>

        <!--第6行-->
        <tr>
              <td>
                <table width="95%" align="center">
                    <tr>
                      <td>
                        <img src="../image/image1/jiangxuan_1.jpg" alt=""/>
                        <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;899</font>
                      </td> <td>
                        <img src="../image/image1/jiangxuan_2.jpg" alt=""/>
                        <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;899</font>
                      </td> <td>
                        <img src="../image/image1/jiangxuan_3.jpg" alt=""/>
                        <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;899</font>
                      </td> <td>
                        <img src="../image/image1/jiangxuan_4.jpg" alt=""/>
                        <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                        <font color="red">&yen;899</font>
                      </td>
                    </tr>
                </table>
              </td>
        </tr>


        <!--第7行-->
        <tr>
          <td>
            <img src="../image/image1/icon_6.jpg" alt=""/>
            国内游
            <hr color="#ffd700">
          </td>
        </tr>

        <!--第8行-->
        <tr>
          <td>
            <table width="95%" align="center">
              <tr>
                <td rowspan="2">
                  <img src="../image/image1/guonei_1.jpg" alt=""/>
                </td> <td>
                <img src="../image/image1/jiangxuan_2.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                <font color="red">&yen;899</font>
                </td> <td>
                <img src="../image/image1/jiangxuan_3.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                <font color="red">&yen;899</font>
                </td> <td>
                <img src="../image/image1/jiangxuan_4.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                <font color="red">&yen;899</font>
                </td>
              </tr>
              <tr>
                <td>
                <img src="../image/image1/jiangxuan_5.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                <font color="red">&yen;899</font>
                </td><td>
                <img src="../image/image1/jiangxuan_5.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                <font color="red">&yen;699</font>
                </td><td>
                <img src="../image/image1/jiangxuan_5.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                <font color="red">&yen;699</font>
                </td>
              </tr>
            </table>
          </td>
        </tr>

        <!--第9行-->
        <tr>
          <td>
            <img src="../image/image1/icon_7.jpg" alt=""/>
            境外游
            <hr color="#ffd700">
          </td>
        </tr>

        <!--第10行-->

        <!--第8行-->
        <tr>
          <td>
            <table width="95%" align="center">
              <tr>
                <td rowspan="2">
                  <img src="../image/image1/jiangwai_1.jpg" alt=""/>
                </td> <td>
                <img src="../image/image1/jiangxuan_2.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                <font color="red">&yen;899</font>
              </td> <td>
                <img src="../image/image1/jiangxuan_3.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                <font color="red">&yen;899</font>
              </td> <td>
                <img src="../image/image1/jiangxuan_4.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                <font color="red">&yen;899</font>
              </td>
              </tr>
              <tr>
                <td>
                  <img src="../image/image1/jiangxuan_5.jpg" alt=""/>
                  <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                  <font color="red">&yen;899</font>
                </td><td>
                <img src="../image/image1/jiangxuan_5.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                <font color="red">&yen;699</font>
              </td><td>
                <img src="../image/image1/jiangxuan_5.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行(春节销售+亲自+蜜月+自由行)</p>
                <font color="red">&yen;699</font>
              </td>
              </tr>
            </table>
          </td>
        </tr>


        <!--第11行-->
        <tr>
          <td>
            <img src="../image/image1/footer_service.png" alt="" width="100%"/>

          </td>
        </tr>


        <!--第12行-->
        <tr>
          <td align="center" bgcolor="#ffd700" height="40">

            <font color="gray" size="2">江苏&nbsp;传智播客教育科技股份有限公司<br>
          版权所有Copyright &copy;2006-2018, All Rights Reserved 苏ICP备16007882
             <font/>

          </td>
        </tr>

</body>
</html>

最终效果

相关推荐
m0_7482550228 分钟前
前端常用算法集合
前端·算法
真的很上进42 分钟前
如何借助 Babel+TS+ESLint 构建现代 JS 工程环境?
java·前端·javascript·css·react.js·vue·html
web130933203981 小时前
vue elementUI form组件动态添加el-form-item并且动态添加rules必填项校验方法
前端·vue.js·elementui
NiNg_1_2341 小时前
Echarts连接数据库,实时绘制图表详解
前端·数据库·echarts
如若1232 小时前
对文件内的文件名生成目录,方便查阅
java·前端·python
滚雪球~3 小时前
npm error code ETIMEDOUT
前端·npm·node.js
沙漏无语3 小时前
npm : 无法加载文件 D:\Nodejs\node_global\npm.ps1,因为在此系统上禁止运行脚本
前端·npm·node.js
supermapsupport3 小时前
iClient3D for Cesium在Vue中快速实现场景卷帘
前端·vue.js·3d·cesium·supermap
brrdg_sefg3 小时前
WEB 漏洞 - 文件包含漏洞深度解析
前端·网络·安全
胡西风_foxww3 小时前
【es6复习笔记】rest参数(7)
前端·笔记·es6·参数·rest