web期末作业——千与千寻
时间: 2023-12-23 20:04:27 浏览: 57
以下是一个关于电影主题的HTML网页设计作业的示例,以千与千寻为例:
```html
<!DOCTYPE html>
<html>
<head>
<title>千与千寻</title>
<style>
/* CSS样式 */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
color: #333333;
text-align: center;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.movie-info {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.movie-info img {
width: 150px;
height: auto;
margin-right: 20px;
}
.movie-info h2 {
margin: 0;
}
.movie-info p {
margin: 0;
}
</style>
</head>
<body>
<div class="container">
<h1>千与千寻</h1>
<div class="movie-info">
<img src="千与千寻海报.jpg" alt="千与千寻海报">
<div>
<h2>电影信息</h2>
<p>导演:宫崎骏</p>
<p>主演:柊瑠美、入野自由</p>
<p>上映日期:2001年7月20日</p>
<p>片长:125分钟</p>
</div>
</div>
<h2>剧情简介</h2>
<p>《千与千寻》是宫崎骏执导的一部动画电影,讲述了一个小女孩千寻在神秘的世界中寻找父母的故事。影片以细腻的画面和深刻的寓意赢得了广大观众的喜爱。</p>
<h2>影评</h2>
<p>这是一部非常有意义的电影,它通过一个小女孩的冒险故事,探讨了成长、勇气和爱的主题。宫崎骏的动画技巧和故事情节都非常出色,让人流连忘返。</p>
</div>
</body>
</html>
```
这个示例包含了一个简单的电影主题网页,其中包括电影的基本信息、剧情简介和影评。你可以根据自己的需求进行修改和扩展。