在这个项目中，我们将展示如何使用HTML和CSS创建一个简单但具有吸引力的动漫网页。
<!DOCTYPE html>
<html>
<head>
<title>动漫网页</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>动漫推荐</h1>
<nav>
<ul>
<li><a href="#top-rated">最受欢迎</a></li>
<li><a href="#recently-added">最新上架</a></li>
<li><a href="#genres">按类型分类</a></li>
</ul>
</nav>
</header>
<div id="top-rated">
<h2>最受欢迎</h2>
<div class="anime-card">
<img src="img/anime1.jpg" alt="Anime 1">
<h3>Anime 1</h3>
<p>这是一部很受欢迎的动漫。</p>
</div>
<div class="anime-card">
<img src="img/anime2.jpg" alt="Anime 2">
<h3>Anime 2</h3>
<p>这也是一部很受欢迎的动漫。</p>
</div>
<div class="anime-card">
<img src="img/anime3.jpg" alt="Anime 3">
<h3>Anime 3</h3>
<p>这是另一部受欢迎的动漫。</p>
</div>
</div>
<div id="recently-added">
<h2>最新上架</h2>
<div class="anime-card">
<img src="img/anime4.jpg" alt="Anime 4">
<h3>Anime 4</h3>
<p>这是最近上架的一部动漫。</p>
</div>
<div class="anime-card">
<img src="img/anime5.jpg" alt="Anime 5">
<h3>Anime 5</h3>
<p>这也是最近上架的一部动漫。</p>
</div>
<div class="anime-card">
<img src="img/anime6.jpg" alt="Anime 6">
<h3>Anime 6</h3>
<p>这是另一部最近上架的动漫。</p>
</div>
</div>
<div id="genres">
<h2>按类型分类</h2>
<ul>
<li><a href="#action">动作</a></li>
<li><a href="#romance">浪漫</a></li>
<li><a href="#comedy">喜剧</a></li>
<li><a href="#drama">戏剧</a></li>
</ul>
</div>
<footer>
<p>© 2021 My Anime Page</p>
</footer>
</body>
</html>
在这个代码中，我们创建了一个单页动漫网页，有一个页眉，三个主要内容区块和一个页脚。我们还链接到一个CSS文件，用于页面的样式。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
