HTML网站设计·大鱼海棠

最新推荐文章于 2024-11-22 07:53:18 发布

ROCO洛洛

最新推荐文章于 2024-11-22 07:53:18 发布

阅读量848

点赞数 9

文章标签： html

本文链接：https://blog.csdn.net/2301_81838571/article/details/135591565

版权

#计算机科学导论·期末作业记录

一、登陆界面

1.主要代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

   <title>登录页面</title>


</head>


<body background="https://tukuimg.bdstatic.com/cms/2872c49b80ca0649f828e6981a5ef48f.jpeg" 
style="background-repeat:no-repeat;
background-attachment:fixed;
background-size:100% 100%; ">
    <div class="logo center">

2.网站运行效果及截图

二、网站首页

1.主要代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">  
<title>大鱼海棠</title>

<audio controls>
	<source src="双笙（陈元汐） - 大鱼 （Cover 周深）.mp3" type="audio/mp3">	
</audio>
<body background="https://hbimg.huaban.com/2f0c9b5e537bf631798f215dd2061343642d348b24e617-U9il9b_fw658" 
style="background-repeat:no-repeat;



    <li><a href="index.html">回到首页</a></li>
	<li><a href="file:///Users/xinyi/Documents/电影简介.html" target="_blank">电影简介</a></button> <li>
	<a href="file:///Users/xinyi/Documents/获得奖项.html" target="_blank">获得奖项</a></button>
    <li><a href="#">电影周边 <img src="images/down.svg" width="10" height="10"></a>
		  <ul>
			<a href="file:///Users/xinyi/Documents/经典语录.html" target="_blank">经典语录</a></button>
				<li><a href="others2.html">电影角色</a></li>
				<li><a href="news.html">新闻资讯</a></li>

2.网站运行效果及截图

三、电影简介

1.主要代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">  
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>电影简介</title>
<body background="https://i2.hdslb.com/bfs/archive/17c47133e602e087a4d8d0a2a467b84df95cbcae.jpg" 
style="background-repeat:no-repeat;
background-attachment:fixed;
background-size:100% 100%; ">
    <div class="logo center">
<body>
    <td>
        <h1>电影简介</h1>
    </td>
</tr>
<td>
        </span>所有活着的人类，都是海里一条巨大的鱼；出生的时候他们从海的此岸出发。<br><br>
        <span>他们的生命就像横越大海，有时相遇，有时分开……死的时候，他们便到了岸，<br><br>
        <span>各去各的世界。四十五亿年前，这个星球上，只有一片汪洋大海，和一群古老<br><br>
        <span>的大鱼。在与人类世界平行的空间里，生活着一个规规矩矩、遵守秩序的族群，<br><br>
        <span>他们为神工作，掌管世界万物运行规律，也掌管人类的灵魂。他们的天空与人<br><br>
        <span> 类世界的大海相连。他们既不是神，也不是人，他们是“其他人”。十六岁生日<br><br>
        <span>  那天，居住在“神之围楼”里的一个名叫“椿”的女孩变作一条海豚，到人间巡礼，<br>

2.网站运行效果及截图

四、获得奖项

1.主要代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">  
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>获得奖项</title>
<body background="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F13a0f50c-4cda-4242-915d-a00f127c0f32%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-
    <div class="logo center">
<body>
    <td>
        <h1><p style="text-align:center">获得奖项</p></h1>
    </td>
</tr>

                            <h3> <p style="text-align:center">优秀故事片奖</p><br><h3>
        <br>       
        <a href="file:///Users/xinyi/Documents/首页.html" target="_blank">回到首页</a></button>
</span>
</body> 
</html>

2.网站运行效果及截图

五、经典语录

1.主要代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">  
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>经典语录</title>
<body background="https://inews.gtimg.com/newsapp_bt/0/13433618596/1000" 
style="background-repeat:no-repeat;
background-attachment:fixed;
background-size:100% 100%; ">

</tr>
<td>
        <h3><p style="text-align:center">有的鱼是永远关不住的，因为他们属于天空。</p><br><h3>
          <h3><p style="text-align:center">世界上每一个活着的人都是海里活着的一条大鱼，人生就是航越大海。</p><br></h3>
                        <h3> <p style="text-align:center">我会化作人间的风雨，陪在你身边。</p><br></h3>
                            <h3> <p style="text-align:center">人的灵魂来自一个完美的家园，那里没有任何污秽和丑陋只有纯净和美丽。</p><br><h3>
                                <h3> <p style="text-align:center">灵魂来到这个世界，漂泊了很久，寄居在一个躯壳里，忘记了家乡。</p><br></h3>
        <br>       
        <a href="file:///Users/xinyi/Documents/首页.html" target="_blank">回到首页</a></button>
</span>
</body> 
</html>