用html写一个电影网页的模板
时间: 2023-08-14 12:02:20 浏览: 115
电影网站模板
3星 · 编辑精心推荐
好的,以下是一个简单的电影网页模板:
```html
<!DOCTYPE html>
<html>
<head>
<title>电影网站</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>电影网站</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">电影分类</a></li>
<li><a href="#">最新上映</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>最新上映</h2>
<ul>
<li>
<img src="movie1.jpg" alt="电影1">
<h3>电影1</h3>
<p>简介...</p>
<a href="#">详情</a>
</li>
<li>
<img src="movie2.jpg" alt="电影2">
<h3>电影2</h3>
<p>简介...</p>
<a href="#">详情</a>
</li>
<li>
<img src="movie3.jpg" alt="电影3">
<h3>电影3</h3>
<p>简介...</p>
<a href="#">详情</a>
</li>
</ul>
</section>
<section>
<h2>热门电影</h2>
<ul>
<li>
<img src="movie4.jpg" alt="电影4">
<h3>电影4</h3>
<p>简介...</p>
<a href="#">详情</a>
</li>
<li>
<img src="movie5.jpg" alt="电影5">
<h3>电影5</h3>
<p>简介...</p>
<a href="#">详情</a>
</li>
<li>
<img src="movie6.jpg" alt="电影6">
<h3>电影6</h3>
<p>简介...</p>
<a href="#">详情</a>
</li>
</ul>
</section>
</main>
<footer>
<p>版权所有 © 2021 电影网站</p>
</footer>
</body>
</html>
```
其中,`style.css` 是自定义的样式文件,用于设置网页的样式。可以根据需求自行编写。
阅读全文