c1327网易云音乐.zip_HTML期末作业网易云音乐资源-CSDN文库

共43个文件

jpg：25个

png：15个

css：2个

版权申诉

html

web

期末大作业

5星 · 超过95%的资源 81 浏览量 2023-06-25 17:27:46 上传评论 1 收藏 2.02MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

c1327网易云音乐.zip （43个子文件）

c1327网易云音乐

css

swiper.css 15KB

index.css 12KB

index.html 13KB

images

r2.png 84KB

2.2.jpg 13KB

topbar.png 3KB

2.5.jpg 12KB

g4.png 144KB

r1.png 124KB

lb4.jpg 185KB

4.2.jpg 8KB

2.4.jpg 12KB

r5.png 104KB

LB.jpg 189KB

5.1.png 47KB

1.jpg 45KB

100.png 13KB

g2.png 100KB

4.4.jpg 9KB

3.1.jpg 11KB

2.3.jpg 3KB

图标.JPG 10KB

r3.png 84KB

r4.png 54KB

4.1.jpg 9KB

2.6.jpg 31KB

3.3.jpg 9KB

101.png 56KB

default_avatar_40.jpg 1KB

g5.png 104KB

3.2.jpg 12KB

2.8.jpg 12KB

18999560928537533.jpg 3KB

2.7.jpg 5KB

2.1.JPG 12KB

3.4.jpg 10KB

g3.png 106KB

image-7.png 64KB

lb3.jpg 124KB

lb2.jpg 228KB

3.5.jpg 11KB

109951164071529169.jpg 5KB

g1.png 120KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网易云</title> <link rel="stylesheet" href="./css/index.css"> </head> <body>  <header class="nav" id="nav"> <div class="bar-top"> <div class="w"> <div class="icon"> <a href="http://music.163.com/"><img src="images/图标.JPG" alt=""></a> </div> <ul class="bar-choose"> <li><a href="index.html">发现音乐</a></li> <li><a href="#">我的音乐</a></li> <li><a href="#">朋友</a></li> <li><a href="#">商城</a></li> <li><a href="#">音乐人</a></li> <li><a href="#">下载客户端</a></li> </ul> <div class="bar-load"> <a href="#">登录</a> </div> <div class="bar-center"><a href="#">创作者中心</a></div> <div class="bar-search"> <span></span> <input type="text" placeholder="音乐/视频/电台/用户"> </div> </div> </div> <div class="bar-bot"> <div class="w"> <ul class="bar-bot-choose"> <li><a href="#">推荐</a></li> <li><a href="#">排行榜</a></li> <li><a href="#">歌单</a></li> <li><a href="#">主播电台</a></li> <li><a href="#">歌手</a></li> <li><a href="#">新碟上架</a></li> </ul> </div> </div> </header> <main> <div class="pic-pro"> <div class="pic-center "> <div class="picture"> <a href="#"><img src="images/LB.jpg" alt=""></a> </div> <div class="download"> <a href="#"></a> <p>PC 安卓 iPhone WP iPad Mac 六大客户端</p> </div> </div> </div>  <div class="produce"> <div class="pro-center">  <div class="pro-left">  <div class="hot-pro"> <div class="title"> <a href="#" class="red"><i></i>热门推荐</a> <ul class='hot-list'> <li><a href="#">华语</a><span>|</span></li> <li><a href="#">流行</a><span>|</span></li> <li><a href="#">摇滚</a><span>|</span></li> <li><a href="#">民谣</a><span>|</span></li> <li><a href="#">电子</a></li> </ul> <span class="more"><a href="#">更多</a></span> </div> <div class="hot-content"> <ul> <li> <div><img src="./images/2.1.jpg" alt=""></div> <a href="#">『日摇』烟火盛放的清新夏夜</a> </li> <li> <div><img src="./images/2.2.jpg" alt=""></div> <a href="#">新专辑 |你是我欲盖弥彰的温柔理想</a> </li> <li> <div><img src="./images/2.3.jpg" alt=""></div> <a href="#">朴树、许巍、李健、郑钧、老狼、赵雷</a> </li> <li> <div><img src="./images/2.4.jpg" alt=""></div> <a href="#">致阳光 | 期待美好的夏天</a> </li> <li> <div><img src="./images/2.5.jpg" alt=""></div> <a href="#">孤独是一场无人送药的重感冒</a> </li> <li> <div><img src="./images/2.6.jpg" alt=""></div> <a href="#">关于成年人的压力</a> </li> <li> <div><img src="./images/2.7.jpg" alt=""></div> <a href="#">经典老歌，久听不厌</a> </li> <li> <div><img src="./images/2.8.jpg" alt=""></div> <a href="#">《好想你》翻自：朱主爱</a> </li> </ul> </div> </div>  <div class="new-pro"> <div class="title"> <a href="#" class="red"><i></i>新碟上架</a> <span class="more"><a href="#">更多</a><i></i></span> </div> <div class="new-content"> <ul> <li> <a href="#"><img src="./images/3.1.jpg" alt=""></a> <p><a href="#">暗示</a></p> <p><a href="#">周深</a></p> </li> <li> <a href="#"><img src="./images/3.2.jpg" alt=""></a> <p><a href="#">Lights/Boy With...</a></p> <p><a href="#">BTS (防弹少年团)</a></p> </li> <li> <a href="#"><img src="./images/3.3.jpg" alt=""></a> <p><a href="#">ASTRO 7th</a></p> <p><a href="#">ASTRO</a></p> </li> <li> <a href="#"><img src="./images/3.4.jpg" alt=""></a> <p><a href="#">eight</a></p> <p><a href="#">IU</a>/<a href="#">Suga</a> </p> </li> <li> <a href="#"><img src="./images/3.5.jpg" alt=""></a> <p><a href="#">五月微风</a></p> <p><a href="#">网易云音乐</a></p> </li> </ul> </div> </div>  <div class="rank-pro"> <div class="title"> <a href="#" class="red"><i></i>榜单</a> <span class="more"><a href="#">更多</a><i></i></span> </div> <div class="rank-content"> <dl> <dt> <div class="dt-left"><img src="./images/4.1.jpg"></div> <div class="dt-right"><a href="#">云音乐飙升榜</a></div> </dt> <dd> <ol> <li> <span style="color: #c10d0c">1</span> <a href="#">Stuck with U</a> </li> <li> <span style="color: #c10d0c">2</span> <a href="#">ihateyou1000</a> </li> <li> <span style="color: #c10d0c">3</span> <a href="#">红色高跟鞋 (Live)</a> </li> <li> <span>4</span> <a href="#">最美世界</a></li> <li> <span>5</span> <a href="#">重 (Live)</a> </li> <li> <span>6</span> <a href="#">7 %</a> </li> <li> <span>7</span> <a href="#">海底</a></li> <li> <span>8</span> <a href="#">暗示</a></li> <li> <span>9</span> <a href="#">淡 (Live)</a></li> <li> <span>10</span> <a href="#">Time</a> </li> <li><a href="#">查看全部></a> </li> </ol> </dd> </dl> <dl> <dt> <div class="dt-left"><img src="./images/4.2.jpg"></div> <div class="dt-right"><a href="#">云音乐新歌榜</a></div> </dt> <dd> <ol> <li> <span style="color: #c10d0c">1</span> <a href="#">夏天的风</a> </li> <li> <span style="color: #c10d0c">2</span> <a href="#">Stuck with U</a> </li> <li> <span style="color: #c10d0c">3</span> <a href="#">丢了你</a> </li> <li> <span>4</span> <a href="#">独角戏</a></li> <li> <span>5</span> <a href="#">过活</a> </li> <li> <span>6</span> <a href="#">一千零一次我爱你</a> </li> <li> <span>7</span> <a href="#">你我不一 (Live)</a></li> <li> <span>8</span> <a href="#">千千阙歌 (Live)</a></li> <li> <span>9</span> <a href="#">纸船</a></li> <li> <span>10</span> <a href="#">喉咙唱的沙哑</a> </li> <li><a href="#">查看全部></a> </li> </ol> </dd> </dl> <dl> <dt> <div class="dt-left"><img src="./images/4.4.jpg"></div> <div class="dt-right"><a href="#">网易原创歌曲榜</a></div> </dt> <dd> <ol> <li> <span style="color: #c10d0c">1</span> <a href="#">

评论收藏

内容反馈

版权申诉