HTML5：动漫电影网站设计（html+css+javascript）

目录一、作品展示二、代码实现三、文件目录一、作品展示二、代码实现<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" c

陪我吹吹海風吧

6482人浏览 · 2022-05-16 21:59:39

陪我吹吹海風吧 · 2022-05-16 21:59:39 发布

🤱作者简介：大家好！我是陪我吹吹海風吧。
📁喜欢：点赞收藏！持续更新
✊加油，共勉

一、作品展示

在这里插入图片描述

二、代码实现

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>请以你的请以你的名字呼唤我</title>
</head>
<body>
  <!-- <embed src="./media/这世界那么多人.mp4" width="0" height="0"></embed> -->
  <!-- <audio src="./media/wy.mp3" autoplay controls></audio> -->
  <div id="app" >
    <div class="head">
      <div class="logo">
        <h1>请以你的名字呼唤我</h1>
      </div>
      <div class="nav">
        <ul> 
          <li><a href="./首页.html">首&nbsp;&nbsp;&nbsp;&nbsp;页</a><li>
          <li><a href="./角色介绍.html" target="_self">角色介绍</a></li>
          <li><a href="./影片制作.html">影片制作</a></li>
          <li><a href="./相册欣赏.html">相册欣赏</a></li>
          <li><a href="./在线留言.html">在线留言</a></li>
        </ul>
      </div>
      <div class="main">
        <h1 style="padding-top: 20px;">《你的名字》</h1>

        <div class="jianjie" style="position: relative;"><a href="#" ><img src="./images/宣传照.png" alt="" width="250px" height="360px" style="margin: 30px 15px;"></a>
        <p class="neirong" style="position:absolute;left: 280px;top: 20px; margin: 100px 15px; font-size: 18px;color: pink;font-weight: bolder;">《你的名字》是新海诚执导,神木隆之介、上白石萌音担任主要配音的一部原创日本动画电影,
        <br>
        作品于2016年8月26日在日本上映。
        影片讲述了男女高中生在梦中相遇,并寻找彼此的故事。
        <br>
        中国大陆于2017年8月26日全网首播。
        <br>
        故事发生的地点是在每千年回归一次的彗星造访过一个月之前，日本飞驒市的乡下小町糸守町。在这里女高中生三叶每天都过着忧郁的生活，而她烦恼的不光有担任町长的父亲所举行的选举运动，还有家传神社的古老习俗。在这个小小的町，周围都只是些爱瞎操心的老人。为此三叶对于大都市充满了憧憬。
        <br>
        然而某一天，自己做了一个变成男孩子的梦。这里有着陌生的房间、陌生的朋友。而眼前出现的则是东京的街道。三叶虽然感到困惑，但是能够来到朝思暮想的都市生活，让她觉得神清气爽。另一方面在东京生活的男高中生立花泷也做了个奇怪的梦，他在一个从未去过的深山小町中，变成了女高中生。两人就这样在梦中邂逅了彼此。
        </p>
        </div>
        <hr>
        <div class="lunbo">
          <h1 style="text-align: center; margin-top: 20px;">《你的名字》</h1>
          <div style="margin: 30px 50px; padding-bottom: 30px;">
          <img style="width: 350px;height:220px;" src="./images/d1.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d2.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d3.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d5.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d6.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d7.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d8.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d9.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d10.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>