HTML+CSS大作业关于制作网页主题网站设计——猫眼电影(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计

编程知识行业动态更新时间:2024-06-13 00:19:35

HTML5期末大作业：关于制作网页主题网站设计——猫眼电影(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计

文章目录

HTML5期末大作业：关于制作网页主题网站设计——猫眼电影(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计
一、作品展示
二、文件目录
三、代码实现
四、完整源码

一、作品展示

二、文件目录

三、代码实现

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

<head>
    <meta charset="UTF-8">
                <ul class="nav-list">
                    <li><a href="index.html?123" class="nav-model">首页</a></li>
                    <li><a href="movies.html" class="nav-model active">电影</a></li>
                    <li><a href="cinemas.html" class="nav-model">影院</a></li>
                    <li class="nav-model">演出</li>
                     即将上映
                </a>
            </div>
            <div class="oldmovie">
                <a href="#">
                    经典影片
                </a>
            </div>
        </div>
    </div>
    <!-- 电影分类列表 -->
    <div class="movie-list">
        <div class="list-body">
            <div class="list-model">
                <div class="name">
                    类型:
                </div>
                <ul class="tags">
                    <li class="tag-click active">
                        <a href="#">全部</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">爱情</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">喜剧</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">动画</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">剧情</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">恐怖</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">惊悚</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">科幻</a>
            <a href="#" target="_blank">隐私政策 </a>
        </p>
        <p class="friendly-links  credentials">

    <script src="js/ajax.js"></script>
    <script src="js/mock-min.js"></script>
    <script src="js/server.js"></script>
    <script src="js/movies.js"></script>
</body>

</html>