学生网页作业：温泉度假酒店网站设计——温泉度假酒店网页设计(8页) HTML+CSS+JavaScript 出游旅游主题度假酒店计划出行网站设计

优质内容贡献

于 2022-04-25 16:17:49 发布

阅读量1k

点赞数

分类专栏： web大学生个人网站作业模 HTML5期末大作业 html网页设计作业文章标签： css html javascript html5 前端

本文链接：https://blog.youkuaiyun.com/qq_524614081/article/details/122353926

版权

这是一份HTML5的期末大作业，展示了温泉度假酒店的网页设计。包括作品展示、文件目录、代码实现等内容，旨在模拟出游旅游时的度假酒店预订体验。通过CSS和JavaScript增强交互性，为计划出行的用户提供直观且吸引人的网站设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML5期末大作业

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>温泉度假</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/back-top.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/solid.css">
    <link rel="stylesheet" href="css/discount.css">
    <script src="js/jquery-3.1.0.min.js"></script>
    <script src="js/koala.min.1.5.js"></script>
</head>

<body>

<header>
    <div class="mycontainer">
        <p>全国免费服务热线：<span>400-800-8820</span></p>
    </div>
</header>

<div class="mycontainer">
    <a href="index.html" id="logo">
        <img src="picture/pic2.png" alt="">
    </a>
</div>

<div id="solid">
    <div class="solid0"></div>
    <div class="solid1"></div>
    <div class="solid2"></div>
    <ul>
        <li>
            <img src="picture/width_pic1.jpg"/>
        </li>
        <li>
            <img src="picture/width_pic2.jpg"/>
        </li>
        <li>
            <img src="picture/width_pic3.jpg"/>
        </li>
    </ul>
    <div id="btt">
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
<script src="js/fordboy.js"></script>

<div class="mycontainer">
    <nav>
        <ul>
            <li>
                <a href="index.html" class="current">网站首页</a>
            </li>
            <li>
                <a href="about.html">温泉介绍</a>
            </li>
            <li>
                <a href="product.html">天下名泉</a>