web大鱼海棠主题网页(6页)

📔1.网页作品简介方面：HTML网站模板。主要有：首页、剧情简介、角色介绍、制作相关、作品评价、交流登录页等总共 6个页面。

📘2.网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

📙网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。

📒3.网页作品技术：Div+CSS、导航栏效果、表单等等知识点网站布局方面：计划采用目前主流的、能兼容各大主流浏览器

“我想见到天空，想看看那个世界。”——大鱼海棠

首页、

剧情简介、

角色介绍、

制作相关、

作品评价、

交流登录页

index.html

<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="css/css.css" />
    <title>无标题文档</title>
</head>

<body>
    <div class="di">
        <div class="dao">
            <div class="logo">
                <p>大鱼海棠</p>
            </div>
            <ul>
                <li><a href="index.html">网站首页</a></li>
                <li><a href="juqing.html">剧情简介</a></li>
                <li><a href="jiaose.html">角色介绍</a></li>
                <li><a href="zhizuo.html">制作相关</a></li>
                <li><a href="pingjia.html">作品评价</a></li>
                <li><a href="liuyan.html">交流登录</a></li>
            </ul>
        </div>
    </div>

    <div class="ban"><img src="images/ban.jpg" width="1000" height="500" /></div>
    <div class="xia">
        <h2>大鱼海棠</h2>

        <div class="tu"><img src="images/t1.jpg" width="280" height="180" /><img src="images/t2.jpg" width="280"
                height="180" /><img src="images/t3.jpg" width="280" height="180" /></div>

        <h3>基本信息</h3>

        <div class="you">
            <div class="yy">
                <p>中文名</p>
            </div>
            <div class="yo">
                <p>大鱼海棠</p>
            </div>
            <div class="yy">
                <p>编 剧</p>
            </div>
            <div class="yo">
                <p>梁旋</p>
            </div>
        </div>
        <div class="clearit"></div>

        <div class="ou">
            <div class="yy">
                <p>外文名</p>
            </div>
            <div class="yo">
                <p>Big Fish & Begonia</p>
            </div>
            <div class="yy">
                <p>制片人</p>
            </div>
            <div class="yo">
                <p>易巧（总制片人）、 陈洁 、吴洋、刘同（制片人）</p>
            </div>
        </div>
        <div class="clearit"></div>

        <div class="ou">
            <div class="yy">
                <p>其它译名</p>
            </div>
            <div class="yo">
                <p>大鱼·海棠、大·海（Da Hai）</p>
            </div>
            <div class="yy">
                <p>类 型</p>
            </div>
            <div class="yo">
                <p>动画，奇幻，神话</p>
            </div>
        </div>
        <div class="clearit"></div>

        <div class="ou">
            <div class="yy">
                <p>出品时间</p>
            </div>
            <div class="yo">
                <p>2016年</p>
            </div>
            <div class="yy">
                <p>主 演</p>
            </div>
            <div class="yo">
                <p>季冠霖，苏尚卿，许魏洲，金士杰</p>
            </div>
        </div>
        <div class="clearit"></div>

    </div>

    <div class="foot">大鱼海棠</div>
</body>

</html>

1.如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “👍点赞” “✍️评论” “💙收藏” 一键三连哦！2.💗【👇🏻👇🏻👇🏻关注我| 💬获取更多源码 | 优质文章】带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板、大学生毕业HTML模板、期末大作业模板等!这里只发一部分代码，制作不易更多完整代码需小偿❤。

标签：前端

本文转载自: https://blog.csdn.net/fqr20030613/article/details/138141899
版权归原作者 前端小新Alex 所有，如有侵权，请联系我们删除。