大学生网页设计

<!DOCTYPE html>
<html>
    <head>
     <meta charset="utf-8">
     <style text="text/css">
body{background:url(images/6p.png) no-repeat;
}
    #first {
        width: 1000px;
        height: 1300px;
      background-color: rgba(235, 224, 234, 0.6);
      border-radius: 5%; 
     margin-left: 150px;
    }
   

 a{
   text-decoration: none;
   color: black;
   
}
#first div ul li{
    float:left;
    list-style: none;
   width:230px;
 
   height: 50px;
   text-align: center;
   background-color: khaki;
   overflow: hidden;
 
}
#tr {
    line-height:50px;
  
}
#container table{
 margin-top: 20px;
 margin-left: 50px;
 float: left;
 
    }
#container table td{
        width:300px;
            height:220px;
            
    background-repeat: no-repeat;
    }

    #container table td div{
        /* background-color: darkturquoise; */
        background-color: rgba(235, 224, 234, 0.6);
            display: none; 
       color:orangered;
       font-size:20px;
       text-align:center;
       line-height: 220px;
       width:300px;
            height:220px;
    }   
    #container table td:hover div{
        display: block;
    }
/* #u{
     float:left;
 margin-top:20px;
 margin-left:180px;
 margin-bottom:10px;
}  */
.a{
    width:600px;
    height: 165px;
    overflow: hidden;
   float: left;
    margin-top:40px;
 font-size: 18px;

}
.b{
    width:600px;
    height: 120px;
    overflow: hidden;
    float: left;
    margin-top:100px;
    font-size: 18px;
   

} 
.c{
    width:600px;
    height:165x;
    overflow: hidden;
    float: left;
    margin-top:100px;
    font-size: 18px;
  
   
}
.d{
    width:600px;
    height: 237px;
    overflow: hidden;
    float: left;
    margin-top:70px;
    font-size: 18px;
   
}
.e{
    width:600px;
    height: 250px;
    overflow: hidden;
    float: left;
    margin-top:40px;
    font-size: 18px;
   
   
}
.si{
    font-size: 20px ;
    color: orangered;
}
#first ul li a:hover{
				text-decoration: underline;
			}
    </style>
    </head>
<body >
<div id="first">
    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <b>哪吒之魔童降世</b></div>
    <div id="tr">
        <ul>
           <b> <li><a href="1.html">片段介绍</a></li>
            <li><a href="2.html">角色介绍</a></li>
            <li><a href="3.html">影片介绍</a></li>
            <li><a href="4.html">公司简介</a></li> </b>
        </ul> 
     </div>
 <div id="container">
     <!-- <img src="images\d.png" alt=""> -->
    <table  cellspacing="10" >
        <tr >
            <td  background="images\d1.png"><div>魔丸降世</div> </td></tr> 
        <tr>   <td background="images\sht.jpg"><div>拜师学艺</div></td></tr> 
    <tr>  <td background="images\pyq.png"><div>结识敖丙</div></td></tr> 
    <tr>    <td background="images\sq.png"><div>三岁生辰宴</div></td></tr> 
<tr>      <td background="images\f.png"><div>天劫降临</div></td>
        </tr>
       
       
    </table>
    <div class="a">
       
      <div> 哪吒出生时因灵珠被申公豹所偷,而成为<b>魔丸转世</b>。哪吒降生时是一个肉球,长出五官后魔化,放火吓到前来庆祝的人群。
       随后太乙真人用<b>乾坤圈</b>将其束缚,想用拂尘把哪吒打死,被殷夫人制止。因魔丸被元始天尊下了天劫咒,所以哪吒只有三年的寿命,
       李靖便为此跟随太乙真人前去拜访元始天尊,想替哪吒解开咒语,
       但是没有见到元始天尊,因此只得作罢。因哪吒出生时放火吓到人群,自从出生以来便被陈塘关百姓严禁出到府外。</div>
       </div> 
          <div class="b">
         
         <div>
           
           在一次哪吒打算外出“游玩”时意外进入太乙真人的山河社稷图,在山河社稷图中被太乙真人收为<b>徒弟</b>。
           哪吒刚进入<b>山河社稷图</b>的世界后认为是要将自己关在里面,并不领情,但是在太乙真人仙法的吸引下,
           决定跟随太乙真人学习仙术。太乙真人在哪吒三岁生辰宴赠送混天绫、火尖枪和风火轮 。</div>
       </div>
           <div class="c">
              
             <div>
               因妖怪海夜叉袭击了陈塘关并带走了一个小女孩,哪吒决定解救小女孩,追杀海夜叉到了海边,在海边遇到<b>灵珠敖丙</b>,与哪
               吒打了一场后,
               决定一同将海夜叉打走,但是在战斗过程敖丙被海夜叉的唾液沾到而石化,随后哪吒单独和海夜叉打并成功要到解药,将敖
               丙恢复正常,
               然后三个人一同在海边<b>踢毽子</b>,
               踢了一会儿后哪吒想到从小到大只有母亲和自己踢过毽子很感动,敖丙听后送了哪吒一个海螺样式的传音工具并成为哪吒唯一的朋友。</div>
           </div>
               <div class="d">
                 
                 <div> 
                   因为与灵珠结识那次的捉妖,哪吒被诬陷,从而引得哪吒大怒,李靖察觉是哪吒救了人,便告诉哪吒他将会在哪吒三岁的<b>生辰宴</b>上帮哪吒
                   证明他的清白,洗脱嫌疑,哪吒兴奋的邀请了他唯一的朋友敖丙参加他三岁的生辰宴。在申公豹的策划下,哪吒得知自己是魔丸所化的事实
                   和被下了天劫咒,只有三年的寿命,这一切激怒了哪吒,在申公豹的诱导下,哪吒脱离了<b>乾坤圈</b>的束缚,开始大闹陈塘关,对四周开始了疯狂
                   的破坏,敖丙为了救哪吒的父母,从申公豹处求得乾坤圈,再次封住了哪吒的煞气,当后来哪吒知道李靖为了保住自己,打算
                   <b>以命抵命</b>的时候,哪吒负起了守护陈塘关的重任,而敖丙为了不泄露消息,打算把陈塘关给埋了,但被哪吒制止,并救了陈塘关的老百姓。</div>
                  </div> 
               <div class="e">
          
         <div>
           在哪吒解救陈塘关百姓后<b>天劫降临</b>,敖丙为了救哪吒,用万龙甲抵挡了部分天雷,但肉身被毁,最终被<b>太乙真人</b>用一朵莲花护住了魂魄,
           两人依旧是最好的朋友。因为天劫是为魔丸所准备的,所以哪吒经历的天劫原本是无解,只有一死,但因为他心存善念,凭
           借“<b>我命由我不由天</b>,是魔是仙,我自己说了算”这一坚守的信念,得到了敖丙、太乙真人的帮助,不仅熬过了天劫,还保留了魂魄改变
           了自己的命运。</div>
          </div> 
    </div> 
    
</div>
</body>
</html>

<!DOCTYPE html>
<html>
    <head>
     <meta charset="utf-8">
     <style text="text/css">
body{background:url(images/6p.png) no-repeat;
}
#f {
        width: 1000px;
        height: 1300px;
      background-color: rgba(235, 224, 234, 0.6);
      border-radius: 5%; 
     margin-left: 150px;
    }
   

 a{
   text-decoration: none;
   color: black;
   
}
#f div ul li{
    float:left;
    list-style: none;
   width:230px;
 
   height: 50px;
   text-align: center;
  background-color: khaki;
}
#tr {
    line-height:50px;
 margin-left: 50px;
}
#f ul li a:hover{
				text-decoration: underline;
			}
*{
    padding: 0px;
    margin: 0px;
}
    #first {
        width: 1000px;
        height: 1300px;
      background-color: rgba(235, 224, 234, 0.6);
      border-radius: 5%; 
     margin-left: 150px;
    }
 a{
   text-decoration: none;
   color: black;
   
}
#first div ul li{
    float:left;
    list-style: none;
   width:230px;
 
   height: 50px;
   text-align: center;
  background-color: khaki;
}
#tr {
    line-height:50px;
 
}
#first ul li a:hover{
				text-decoration: underline;
			}
     img{
        height: 180px;
        width:200px;  
       
    }
    #first div{
         margin: 10px;
    }
    #d .c1{
        float: left;
        margin-left: 30px;
    }
    #d .c3{
        overflow: hidden;
        margin-top: 50px;
    }
    #d .c2{
        overflow: hidden;
       
        margin-left: 350px;
        width: 550px;
    }
    #first h1{
        margin-left: 400px;
    }
    #cen{
        margin-left: 350px;
    }
    </style>
    </head>   
    <body >
        <div id="f">
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <b>哪吒之魔童降世</b></div>
            <div id="tr">
                <ul>
                   <b> <li><a href="1.html">片段介绍</a></li>
                    <li><a href="2.html">角色介绍</a></li>
                    <li><a href="3.html">影片介绍</a></li>
                    <li><a href="4.html">公司简介</a></li> </b>
                </ul> <br>
             </div>
       
    <!-- <div id="first">
        <div><h1>哪吒之魔童降世</h1></div>
       
        </div> -->
        <div id="d">
            <h2 ><center>角色介绍</center></h2>
            <div class="c3">
                <div class="c1"><img src="img/6.jpg"></div>
                <h3 id="cen">哪吒</h3>
                <div class="c2">哪吒是魔丸转世,李靖之子。因为魔丸转世的身份,他遭到了陈塘关百姓的歧视、排斥、嘲笑和敌对。也因此,他性格孤僻、冷漠、叛逆、憋屈、玩世不恭,时不时就要跑出门大闹陈塘关百姓,让大家也不得安生。玩世不恭的外表下,哪吒比谁都孤独,比谁都渴望认同。</div>
            </div>
            <div class="c3">
                <div class="c1"><img src="img/5.jpg"></div>
                <h3 id="cen">熬丙</h3>
                <div class="c2"> 敖丙是灵珠转世,东海龙王三太子,申公豹的徒弟。身形飘逸,举止儒雅,一派翩翩美少年形象。他背负整个龙族翻身的期望,全族压力令他痛苦不堪而走上了邪路,做出了冰压陈塘关的举动。敖丙在哪吒的影响下,最终学会敢于做自己、不认命,并与哪吒联手抵抗命运,成为对方“唯一的朋友”。</div>
            </div>
            <div class="c3">
                <div class="c1"><img src="img/4.jpg"></div>
                <h3 id="cen">李靖</h3>
                <div class="c2">李靖是哪吒的父亲,殷夫人的丈夫,陈塘关的镇关总兵,负责守护百姓抵挡妖魔鬼怪。不善言辞、沉默少言。他对哪吒不是排斥的、霸道的,而是主动寻求一种温和、平等的沟通,即便哪吒把陈塘关惹得鸡飞狗跳,他也不惜舍弃自己的情面,帮助哪吒得到世人认可。</div>
            </div>
            <div class="c3">
                <div class="c1"><img src="img/2.jpg"></div>
                <h3 id="cen">申公豹</h3>
                <div class="c2"> 元始天尊的弟子之一,阐教门人,太乙真人的师弟,敖丙的师傅,豹子修炼成精的妖魔。一个口齿不伶俐,内心很压抑的角色。他邪恶狡诈,备受天庭偏见而愤愤不平。为了争夺十二金仙的地位,逆天行事,更改了魔丸和灵珠的命运。</div>
            </div>
            <div class="c3">
                <div class="c1"><img src="img/3.jpg"></div>
                <h3 id="cen">太一真人</h3>
                <div class="c2"> 哪吒的师傅,乾元山金光洞的洞主,阐教大仙,元始天尊的弟子之一。说着一口“川普”,生性洒脱,为人诙谐幽默,不贪念权色却嗜酒如命。元始天尊命徒弟太乙真人将灵珠托生于李靖之子哪吒身上,然而阴差阳错下,灵珠和魔丸被掉包。太乙真人后收哪吒为徒,导其向善。</div>
            </div>
        </div>       
    </div>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>影片介绍</title>
        <style type="text/css">
        body{background:url(images/6p.png) no-repeat;
}
    #first {
        width: 1000px;
        height: 1300px;
      background-color: rgba(235, 224, 234, 0.6);
      border-radius: 5%; 
     margin-left: 150px;
    }
   

 a{
   text-decoration: none;
   color: black;
   
}
#first div ul li{
    float:left;
    list-style: none;
   width:230px;
 
   height: 50px;
   text-align: center;
  background-color: khaki;
}
#tr {
    line-height:50px;
 margin-left: 50px;
}
#first ul li a:hover{
				text-decoration: underline;
			}
        * {
            padding: 0px;
            margin: 0px;
        }
        #container img {
            width: 1500px;
            height: 700px;
        }
        #cl {
            color: black;
        }
        #c2 img{
            width: 320px;
            height: 290px;
            margin-left: 7px;
        }
        .and{
            font-size: 25px;
        }
        </style>
    </head>
    <body>
        <div id="container">
          <img src="images/QQ图片20211218164443.jpg">
          <div id="first">
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <b>哪吒之魔童降世</b></div>
            <div id="tr">
                <ul>
                   <b> <li><a href="1.html">片段介绍</a></li>
                    <li><a href="2.html">角色介绍</a></li>
                    <li><a href="3.html">影片介绍</a></li>
                    <li><a href="4.html">公司简介</a></li> </b>
                </ul> 
             </div>
      
          <div id="cl">
          
              <p class="and"><br><br>《哪吒之魔童降世》是由霍尔果斯彩条屋影业有限公司出品的动画电影,
                  由饺子执导兼编剧,吕艳婷、囧森瑟夫、瀚墨、陈浩、绿绮、张珈铭、
                  杨卫担任主要配音。该片改编自中国神话故事,讲述了哪吒虽“生而为
                  魔”却“逆天而行斗到底”的成长经历的故事。该片于2019年7月26日在
                  中国内地上映。2019年9月6日,第十二届中国国际漫画节开幕式暨第
                  16届中国动漫金龙奖颁奖大会于广州举行。《哪吒之魔童降世》《哪吒
                  之魔童降世》获得最佳动画长片奖金奖、最佳动画导演奖、最佳动画编
                  剧奖、最佳动画配音奖。 2019年10月8日,电影《哪吒之魔童降世》将
                  代表中国内地参选2020年第92届奥斯卡最佳国际影片(原最佳外语片)。
                  《哪吒之魔童降世》被授予推介委员会特别荣誉推介电影。9月26日,饺
                  子凭借《哪吒之魔童降世》获得第35届大众电影百花奖最佳编剧奖。</p>
                  <div id="c2">
                      <img src="images/b8389b504fc2d5629acbbc3ee91190ef77c66c25.jfif">
                      <img src="images/37d12f2eb9389b50523d8c818b35e5dde6116e26.jfif">
                      <img src="images/9d82d158ccbf6c81c219433bb23eb13533fa4032.jfif">
                      <h1>剧情简介</h1>
                      <p class="and">
                            天地灵气孕育出一颗能量巨大的混元珠,元始天尊将混元珠提炼
                            成灵珠和魔丸,灵珠投胎为人,助周伐纣时可堪大用;而魔丸则
                            会诞出魔王,为祸人间。元始天尊启动了天劫咒语,3年后天雷将
                            会降临,摧毁魔丸。太乙受命将灵珠托生于陈塘关李靖家的儿子哪
                            吒身上。然而阴差阳错,灵珠和魔丸竟然被掉包。本应是灵珠英雄
                            的哪吒却成了混世大魔王,这调皮捣蛋顽劣不堪的哪吒却徒有一颗
                            做英雄的心。然而面对众人对哪吒的误解和即将来临的天雷的降临,
                            哪吒是否命中注定会立地成魔,他将何去何从...
                         </p>
                         <img src="2\哪吒之魔童降世120211215161031.jpg">
                         <img src="2\哪吒之魔童降世120211215163225.jpg">
                         <img src="2\哪吒之魔童降世120211215155948.jpg">
                  </div>
          </div>
        </div>
    </div>
    </body>
</html>

 

<!DOCTYPE html>
<html>
    <head>
        <link rel="profile" href="https://gmpg.org/xfn/11" />
        <link rel="icon" href="http://cococartoon.com/wp-content/themes/cococc/resources/favicon.png" sizes="16x16" type="image/png">
        <title>公司简介</title>
        <meta charset="utf-8">
        <style type="text/css">
            body{
                background-color:linen;
            }
            #header{
                font-size: 50px;
                font-family: "幼圆";
            }
            #content{
                width:900px;
                height: 3145px;
                border: 1px solid white;
                border-radius: 10px;
                margin-left: 30px;
                margin-top: 100px;
                background-color: white;
                background-position: center;
            }
            p{
                text-align: center;
            }
            #footer{
                text-align: center;
                width: 1510px;
                height: 80px;
                background-color: black;
                color: white;
                margin-top: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
            }  
            #first {
        width: 1000px;
        height: 3300px;
      background-color: rgba(235, 224, 234, 0.6);
      border-radius: 5%; 
     margin-left: 150px;
    }
   

 a{
   text-decoration: none;
   color: black;
   
}
#first div ul li{
    float:left;
    list-style: none;
   width:230px;
 
   height: 50px;
   text-align: center;
  background-color: khaki;
}
#tr {
    line-height:50px;
 
}
#first ul li a:hover{
				text-decoration: underline;
			}
        </style>
    </head>
    <body>
       <div>
           <div><img src="图片/seven.png"width="1500"height="600"></div>
           <div id="first">
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <b>哪吒之魔童降世</b></div>
            <div id="tr">
                <ul>
                   <b> <li><a href="1.html">片段介绍</a></li>
                    <li><a href="2.html">角色介绍</a></li>
                    <li><a href="3.html">影片介绍</a></li>
                    <li><a href="4.html">公司简介</a></li> </b>
                </ul> 
             </div>
      
            <div id="content">
                <div id="header">公司简介:</div>
                <p><img src="图片/zero.png"widtn="150"height="150"></p>
                <p>《哪吒之魔童降世》是由霍尔果斯彩条屋影业有限公司出品的动画电影,由饺子执导兼编剧,吕艳婷、囧森瑟夫、瀚墨、陈浩等参与配音。
            霍尔果斯彩条屋影业成立于2015年,是光线影业旗下一家以动画、漫画、奇幻元素为核心的综合影视公司。截止到2018年的不完全统计,光线投资
            的动漫公司至少22家。彩条屋以动画发展为核心,把国漫风、合家欢、影游跨界、真人奇幻和网络院线电影这5类作为未来电影的规划。</p>
                <p><img src="图片/4.jpg"width="800"height="300"></p>
                <p>霍尔果斯可可豆动画影视有限公司的前身就是国内知名的原创动画团队“饺克力动画工作室”,早在2017年就接受过「CG世界」的专访,
            是一家非常厉害的专注于高品质原创三维动画电影创作的影视类公司,于2015年成为彩条屋影业旗下的公司。他们的原创作品《打个大西瓜》以及
            与优酷网联合出品的3D动画微电影《老板的女人》等收到了行业内和线上网友的好评和喜爱,曾获得第26届德国柏林国际短片电影节国际竞赛单元
            评委会特别奖、第12届日本TBS DigiCon 6总决赛金奖、数字图像中国节大奖(专业组)最佳动画短片奖等国内外超过30个专业奖项。</p>
                <p><img src="图片/5.jpg"width="800"height="300"></p>
                <p>可可豆动画的前身是成立于2009年的“饺克力动画工作室”。公司作品有电影《哪吒之魔童降世》、动画《打个大西瓜》、漫画《敖丙传》。</p>
                <p><img src="图片/one.jpg"width="800"height="300"></p>
                <p>公司坐落于素有天府之国的成都市高新区,这里云集着动画行业众多资深达人,这里同样聚集着众多热爱动画行业的新锐力量,这里是动画行业难得的一片净土。</p>
                <p><img src="图片/two.jpg"width="800"height="300"></p>
                <p>2019年7月26日,由可可豆动画联合光线彩条屋、十月文化共同出品的、并联合光线彩条屋影业共同制作的、由公司80后鬼才导演饺子执导的电影《哪吒之魔童降世》在全国上映。</p>
                <p><img src="图片/three.jpg"width="800"height="300"></p>
                <p>电影《哪吒之魔童降世》历时五年精心打磨,收获市场与口碑双赢。“哪吒”已经打破三十余项纪录,总票房超过50亿人民币,登顶2019年年度票房总冠军,成为中国影史票房总榜第二位,获中国影史动画电影票房冠军,全球影史单一市场票房最高的动画电影等,缔造了中国动画电影的高光时刻。</p>
                <p><img src="图片/four.jpg"width="800"height="300"></p>
                <p>公司的作品动画短片《打,打个大西瓜》,获得国内外27个专业大赛30多个专业奖项,并被网友评为“2009年华人最牛网络原创动画短片”的称号。</p>
                <p><img src="图片/five.jpg"width="800"height="300"></p>
                <p>多年以来我们获奖无数,但我们认为荣誉属于过去,执着才能成就梦想。</p>
                <p>多年以来我们怀揣梦想,从不言弃,动画行业本艰难,且行且坚持。</p>
                <p>多年以来我们坚持创作,我们固执的相信机会是留给有准备的人,而我们时时刻刻都在准备着。</p>
            </div>
        </div>
           
        </div>
    </body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值