Web前端网页期末大作业_web前端期末作业,web前端作业资源-CSDN文库

共14个文件

jpg：5个

xml：3个

js：1个

版权申诉

期末作业

Web前端

html

5星 · 超过95%的资源 133 浏览量 2022-01-10 14:53:09 上传评论 32 收藏 3.4MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网页作业.zip （14个子文件）

网页作业

index.html 6KB

index.js 664B

pic

cabin.jpg 40KB

teepee.jpg 61KB

fishing.jpg 91KB

archery.jpg 166KB

canoeing.jpg 82KB

.idea

misc.xml 179B

workspace.xml 12KB

Web前端大作业6.0.iml 469B

inspectionProfiles

modules.xml 301B

music

m.mp3 2.9MB

站点说明书.docx 34KB

css

production.css 114KB

<!doctype html> <html lang="en-us"> <head>  <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <title>周末の问候</title> <meta name="description" content=""> <link rel="stylesheet" href="css/production.css"> <script src="js/index.js"></script> <link rel="shortcut icon" href="favicon.ico"> <style> * { font-family: 思源黑体 CN; } </style> </head> <body> <div id="music"> <audio id="myAudio" autoplay="autoplay"> <source src="music/m.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <audio src="music/m.mp3" controls="controls" autoplay hidden="true" style="display:none;"/> </div>  <header class="pt2 pb1 align--center"> <div class="container"> <p>Welcome to</p> <h1 title="Camp Chippewa" style="color:#FF6347;">周末の问候</h1> </div> </header> <div style="position:fixed;top:0px;left:0px;width:100%;height:60px;z-index:99999;color:#afffe5;min-width:1140px;"> <div style="line-height:50px;float:left;font-size:1.7em;padding-left:20px;padding-top:5px;"> 周末<font style="color:pink;">·</font>の问候 </div> <div style="float:left;margin-top:20px;margin-left:30px;letter-spacing:15px"> <a style="color: #c9aa83" href="https://music.163.com/#/song?id=293663&market=baiduqk">晴空</a> <a style="color: #c9aa83" href="https://music.163.com/#/song?id=1813700975">海边</a> <a style="color: #c9aa83" href="https://music.163.com/#/song?id=1384117685">田野</a> </div> <div style="float:right;"> <img src="pic/archery.jpg" class="xwcms animation"/> <p style="float:left;margin:10px;"><a href="index.html" style="color: #888291;">登录</a></p> </div> </div>  <main> <div class="container">  <section class="grid-row grid-row--center">  <div class="grid-column span-half pt3 pb3 mobile-m order-1"> <div class="relative"> <img class="info-image relative z2" src="pic/cabin.jpg" alt="Cabin"> <div class="pattern pattern--left-down absolute z1"></div> </div> </div> <div class="grid-column span-half pt3 pb3 mobile-m order-2"> <h3 >晴空 °</h3> <p>浩瀚的晴空，堆积的白云，曾承载着我多少无尽的幻想。</p> </div>  <div class="grid-column span-half pt3 pb3 mobile-m order-4"> <h3>° 海边</h3> <p>夏季，我最喜欢到海边了。光着脚丫，踩在金色的柔软的沙滩上，缓缓吹动的海风像一双温暖的手轻轻地抚摸着我的头发脸颊。有时，我也会把脚放在凉爽的海水里，顿时，一股清凉的气流从脚底传遍全身，立刻驱散了浑身的酷热与烦躁，取而代之的是一身的清爽满心的愉悦。</p> </div> <div class="grid-column span-half pt3 pb3 mobile-m order-3"> <div class="relative"> <img class="info-image relative z2" src="pic/teepee.jpg" alt="Teepee"> <div class="pattern pattern--right-middle absolute z1"></div> </div> </div>  <div class="grid-column span-half pt3 pb3 mobile-m order-5"> <div class="relative"> <img class="info-image relative z2" src="pic/fishing.jpg" alt="Fishing"> <div class="pattern pattern--left-up absolute z1"></div> </div> </div> <div class="grid-column span-half pt3 pb3 mobile-m order-6"> <h3>田野 °</h3> <p>秋天的田野里金灿灿的一片，在阳光的照耀下，闪烁着丰收的喜悦。</p> </div>  <div class="grid-column span-half pt3 pb3 mobile-m order-8"> <h3>° 青春</h3> <p>当你长大后才发现，曾经执着地追随过的东西，不过是青春的一场记念，和爱无关。</p> </div> <div class="grid-column span-half pt3 pb3 mobile-m order-7"> <div class="relative"> <img class="info-image relative z2" src="pic/archery.jpg" alt="Archery"> <div class="pattern pattern--right-down absolute z1"></div> </div> </div>  <div class="grid-column span-half pt3 pb3 mobile-m order-9"> <div class="relative"> <img class="info-image relative z2" src="pic/canoeing.jpg" alt="Canoeing"> <div class="pattern pattern--left-middle absolute z1"></div> </div> </div> <div class="grid-column span-half pt3 pb3 mobile-m order-10"> <h3>成熟 °</h3> <p>当你看到这个世界并不是想象的那么简单，那么你就成熟了！</p> </div> </section> </div> </main>  <footer class="pt2 pb2"> <div class="container align--center"> <p style="color:#FF6347;">周末·问候°</p> <p style="font-size:.8em;">Copyright © 2021.</p> </div> </footer> </body> </html>

评论收藏

内容反馈

版权申诉