HTML静态网页成品作业(HTML+CSS)——原神介绍设计制作(4个页面)

🎉不定期分享源码，关注不丢失哦

文章目录

一、作品介绍
二、作品演示
三、代码目录
四、网站代码
- HTML部分代码
五、源码获取

一、作品介绍

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

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><title>原神首页</title><link rel="stylesheet" href="./css/css.css">
</head>
<body><main><header><img src="./img/header_img.jpg" alt="" id="header_img"></header><section class="f"><aside><ul><li class="t"><a href="index.html">游戏首页</a></li><li><a href="youxijianjie.html">游戏简介</a></li><li><a href="youxixitong.html">游戏系统</a></li><li><a href="youxidenglu.html">游戏登录</a></li></ul><img src="./img/nav_bottom.jpg" id="nav_bottom" alt=""></aside><section class="z"><header>基本信息</header><table border="1"><tr><th>中文名</th><td>原神</td><th>玩家人数</th><td>1 人(联机时上限4人)</td></tr><tr><th>原版名称</th><td>原神Project</td><th>游戏画面</th><td>3D</td></tr><tr><th>别    名</th><td>Genshin Impact  、원신</td><th>游戏引擎</th><td>Unity</td></tr><tr><th>游戏类型</th><td>角色扮演</td><th>最新版本</th><td>3.7版本「决斗！召唤之巅！」</td></tr><tr><th>地    区</th><td>全球</td><th>发行阶段</th><td>正式版</td></tr><tr><th>发行公司</th><td>上海米哈游天命科技有限公司</td><th>发行日期</th><td>2020年9月28日</td></tr></table><header>游戏新闻</header><div class="news"><div class="news1" ><div class="news1bg"><div class="news11"><img src="./img/news1.jpg" alt=""></div><div class="news12">《原神》「神铸赋形」活动祈愿现已开启</div></div></div><div class="news1" ><div class="news1bg"><div class="news11"><img src="./img/news2.jpg" alt=""></div><div class="news12">《原神》「华紫樱绯」祈愿活动祈愿现已开启</div></div></div><div class="news1" ><div class="news1bg"><div class="news11"><img src="./img/news3.jpg" alt=""></div><div class="news12">《原神》「焰色天河」活动祈愿现已开启</div></div></div></div></section><div style="clear: both;"></div></section><footer>原神</footer></main></body>
</html>