Web大学生网页作业成品——游戏阴阳师介绍网页设计与实现(HTML+CSS)（4个页面）

爱码网页

于 2024-09-03 16:44:18 发布

阅读量207

点赞数 11

分类专栏：静态网页学生HTML个人网页作业作品学生HTML个人网页作业作品文章标签：前端游戏 html

本文链接：https://blog.csdn.net/weixin_42283461/article/details/141865868

版权

学生HTML个人网页作业作品同时被 3 个专栏收录

37 篇文章 17 订阅

订阅专栏

静态网页

27 篇文章 0 订阅

订阅专栏

学生HTML个人网页作业作品

20 篇文章 0 订阅

订阅专栏

🎉🎉🎉 常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。🎉🎉🎉

一、作品介绍 🔥

🏷️本套采用HTML+CSS，未使用Javacsript代码，共有4个页面。

二、作品演示 ☁️

在这里插入图片描述

三、代码目录 🏠

在这里插入图片描述

四、网站代码 👿

HTML部分代码

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>阴阳师</title>
	<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body>
	<div class="wrapper">
		<!-- 头部 -->
		<div class="header">
			
			<div class="logo">
				<img src="./images/logo.jpeg">
			</div>
			<div class="nav">
				<a href="index.html" class="active">游戏首页</a>
				<a href="tupian.html" >精彩图片</a>
				<a href="pingjia.html" >游戏评价</a>
				<a href="login.html">我要登录</a>
			</div>
		</div>

		<div class="banner">
			<img src="./images/banner.jpg">
		</div>
		<div class="main">
			
			<h2>游戏背景</h2>
			<p>
				故事发生在人鬼共生的年代，原本属于阴界的魑魅魍魉，潜藏在人类的恐慌中伺机而动，阳界的秩序岌岌可危。幸而世间有着一群懂得观星测位、画符念咒，还可以跨越阴阳两界，甚至支配灵体的异能者，他们正各尽所能，为了维护阴阳两界的平衡赌上性命战斗并被世人尊称为“阴阳师”  。
			</p>
			<h2>游戏角色</h2>
			<table border="1" >
				<tr>
					<td><img src="./images/1.png"></td>
					<td>
						<h4>晴明</h4>
						<p>
							平安时代强大的阴阳师，性格冷峻飘逸。拥有忠诚的守护式神——小白，并先后认识了神乐、源博雅和八百比丘尼三位伙伴。
						</p>
					</td>
				</tr>
				<tr>
					<td><img src="./images/2.png"></td>
					<td>
						<h4>神乐</h4>
						<p>
							源氏的后代，性格单纯善良，具备通灵能力，被晴明遇到带回庭院。
						</p>
					</td>
				</tr>
				<tr>
					<td><img src="./images/3.png"></td>
					<td>
						<h4>源博雅</h4>
						<p>
							平安时代贵族，是皇室之后，同时也是一名武士。性格孤傲爽直，善用大弓，其弓箭具有射杀妖怪之力。从小桀骜不驯，喜欢冒险与挑战。遇到晴明和神乐之后，便经常光顾庭院。
						</p>
					</td>
				</tr>
				<tr>
					<td><img src="./images/4.png"></td>
					<td>
						<h4>八百比丘尼</h4>
						<p>
							误食人鱼肉不老不死，已活了几百年的神秘巫师。占卜到晴明是命中注定可以帮助其解除诅咒之人，便居住在凤凰林中等待晴明，后来便一直留在庭院。
						</p>
					</td>
				</tr>
			</table>
		</div>
		<!-- 底部 -->
		<div class="footer">
			<div>
				阴阳师 版权所有
			</div>
		</div>

	</div>
</body>
</html>