html+css前端作业和平精英2个页面（无js）大学生HTML5期末作业Web前端网页制作html网页制作htmlcss网页制作成品大学生html网页制作作业html5+css3+js资源-CSDN下载

共66个文件

png：38个

webp：12个

jpg：5个

版权申诉

html

javascript

5星 · 超过95%的资源 196 浏览量 2024-08-02 13:50:35 上传评论收藏 6.49MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

和平精英2个页面.zip （66个子文件）

和平精英2个页面

.DS_Store 6KB

.vscode

settings.json 40B

video.html 15KB

css

common.css 3KB

video.css 29KB

index.css 29KB

index.html 14KB

images

img_01.jpg 6KB

huya_pc.png 1KB

bg_01.jpg 166KB

year-hint.png 89KB

img_03.png 76KB

kuaishou_pc.webp 2KB

weixin_pc.png 1KB

weibo_pc.webp 1KB

zb-bg.png 3KB

sph_pc.png 4KB

bilibili_pc.webp 1KB

code3.png 52KB

dia-login-qq.png 5KB

downqrcode.webp 24KB

logo.png 5KB

weixin_pc.webp 1KB

img_04.png 90KB

logo2.png 37KB

foot-dark.webp 2KB

ico_01.png 2KB

bg-nav.png 161KB

footer-bg-new.webp 18KB

next.png 220B

qie_pc.png 1KB

inside_kv.webp 193KB

active.png 166B

section1_ecod.png 23KB

gomatch.png 5KB

new_version.png 2KB

favicon.ico 9KB

foot-logo3.webp 2KB

code2.png 12KB

dia-login-bg.png 105KB

code1.png 59KB

bg_02.jpg 185KB

img_01.png 71KB

qie_pc.webp 1KB

pic_01.jpeg 94KB

pic_02.jpeg 140KB

img_02.jpg 118KB

kuaishou_pc.png 2KB

weibo_pc.png 1KB

year-btn.png 4KB

dia-login-close.png 380B

douyu_pc.webp 1KB

dia-login-head.png 1KB

huya_pc.webp 1KB

code4.png 33KB

top_search.png 2KB

footer-bg-new.jpg 18KB

sprites.png 16KB

cont-spr.png 10KB

dia-login-wx.png 5KB

foot-dark.png 5KB

bilibili_pc.png 1KB

spr_icon.png 9KB

douyu_pc.png 1KB

img_02.png 33KB

video

video1.mp4 4.58MB

<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>官网首页-和平精英-官方网站-腾讯游戏</title> <link rel="stylesheet" href="css/video.css"> <link rel="icon" href="./images/favicon.ico"> </head> <body> <header id="top"> <div class="container"> <div class="left"> <a href="#" target="_blank"><img class="logo" src="images/logo.png" alt=""></a> <span> <img src="images/img_01.jpg" alt=""> <a href="#" target="_black" ><img src="images/img_02.jpg" alt=""></a> </span> </div> <div class="right"> <h3 class="text1"><a href="#" target="_blank">成长守护平台</a></h3> <h3 class="text2"> <span>腾讯游戏排行榜</span> <iframe src="http://game.gtimg.cn/images/js/title/title_game_rank.html?rd=0.6927091554676961" frameborder="0"></iframe> </h3> </div> </div> </header>  <nav id="nav"> <div class="nav1"> <div class="title"> <a href="#" target="_blank"><img src="images/logo2.png" alt=""></a> <h1>和平精英<span>全球玩家的竞技冒险世界</span></h1> </div> <ul> <li><a href="#" target="_blank">官网首页</a></li> <li><a href="#" target="_blank">版本专区</a></li> <li><a href="#" target="_blank">游戏资料</a></li> <li><a href="#" target="_blank">赛事专区</a></li> <li><a href="#" target="_blank">安全中心</a></li> <li><a href="#" target="_blank">自助工具</a></li> <li><a href="#" target="_blank">社区论坛</a></li> <li><a href="https://gp.qq.com/zlkdatasys/mct/d/play.shtml?ADTAG=topnav" target="_blank">下载游戏</a></li> </ul> <div class="login"> <span></span> <p>特种兵，请<span>登录</span></p> </div> </div> <div class="nav2"> <ul> <li> <ul> <li class="new"><a href="#" target="_blank">最新版本</a></li> <li class="new"><a href="#" target="_blank">最新赛季</a></li> <li ><a href="#" target="_blank">版本中心</a></li> <li ><a href="#" target="_blank">体验服</a></li> <li class="new" target="_blank"><a href="#">皮肤宝库</a></li> <li class="new" target="_blank"><a href="#">绿洲启元</a></li> </ul> </li> <li> <ul> <li ><a href="#" target="_blank">新闻咨询</a></li> <li ><a href="#" target="_blank">攻略中心</a></li> <li ><a href="#" target="_blank">视频中心</a></li> <li class="hot"><a href="#" target="_blank">武器库</a></li> <li class="hot"><a href="#" target="_blank">大神灵敏度</a></li> <li ><a href="#" target="_blank">角色动画</a></li> </ul> </li> <li> <ul> <li ><a href="#" target="_blank">赛事中心</a></li> <li ><a href="#" target="_blank">全民赛场</a></li> <li class="hot"><a href="#" target="_blank">大众赛</a></li> <li class="hot"><a href="#" target="_blank">巅峰赛</a></li> <li class="hot"><a href="#" target="_blank">授权赛</a></li> </ul> </li> <li> <ul> <li class="hot"><a href="#" target="_blank">安全反外挂站</a></li> <li ><a href="#" target="_blank">视频巡查</a></li> <li ><a href="#" target="_blank">成长守护平台</a></li> <li ><a href="#" target="_blank">腾讯游戏防沉迷</a></li> </ul> </li> <li> <ul> <li ><a href="#" target="_blank">CDK兑换</a></li> <li ><a href="#" target="_blank">客服专区</a></li> <li class="hot"><a href="#" target="_blank">举报查询</a></li> <li ><a href="#" target="_blank">作者入驻</a></li> </ul> </li> <li> <ul class="contact"> <li> <a href="javascript:;">官方公众号</a> <span><img src="./images/code3.png" alt=""></span> </li> <li> <a href="javascript:;">微信用户社区</a> <span><img src="./images/code2.png" alt=""></span> </li> <li> <a href="javascript:;">QQ用户社区</a> <span><img src="./images/code1.png" alt=""></span> </li> <li> <a href="javascript:;">官方微博</a> <span><img src="./images/code4.png" alt=""></span> </li> </ul> </li> </ul> </div> </nav>  <div id="loginBox" class="dialog "> <div class="wrap"> <h3>登录</h3> <div class="btn"> <a href="#" target="_blank">QQ登录</a> <a href="#" target="_blank">微信登陆</a> </div> <button class="close"></button> </div> </div>  <div id="banner"> </div>  <div class="video_div"> <div class="vd"> <h1>《和平精英》太空之旅版本，来一场宇宙级的冒险！ </h1> <video controls src="./video/video1.mp4"></video> </div> </div>  <div id="yearBox" class="dialog "> <div class="wrap"> <h3>适龄提示</h3> <div class="scroll"> <div class="scrollContent"> <h4>提示说明：</h4> <p>1、本游戏是一款玩法复杂的射击类游戏，适用于年满16周岁及以上的用户，建议未成年人在家长监护下使用游戏产品。</p> <p>2、本游戏背景为特种兵训练，画面风格写实、人物和场景丰富多样，有丰富的音效来烘托游戏氛围。游戏主要玩法为需要多人进行的团队竞技，玩法基于较复杂的思维判断和操作，对玩家的逻辑思维和团队协作能力有一定要求，鼓励玩家在训练中不断提升和挑战自我。游戏中有基于语音和文字的陌生人社交系统，但社交系统的管理遵循相关法律法规。</p> <p>3、根据国家相关要求，游戏中有用户实名认证系统，未通过实名认证的用户不可进入游戏；认证为未成年人的用户除周五、周六、周日及法定节假日每日20时至21时外其他时间均不可进入游戏。游戏中部分玩法和道具需要付费。根据腾讯健康系统管理规定，认证为未成年人的用户将接受以下管理：<br> 未满12周岁的用户不能付费；<br> 12周岁以上未满16周岁的未成年人用�

评论收藏

内容反馈

版权申诉