當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

HTML期末学生大作业-最新QQ音乐、网易云音乐、酷狗音乐、虾米音乐、咪咕音乐网站html+css+javascript

發布時間：2023/12/31 javascript 35 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML期末学生大作业-最新QQ音乐、网易云音乐、酷狗音乐、虾米音乐、咪咕音乐网站html+css+javascript 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

?QQ音樂-部分網頁截圖-學生HTML+CSS+JS期末作業

IT-精英聯盟CSDN期末作業

?QQ音樂-部分源碼截圖-學生HTML+CSS+JS期末作業

<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>QQ音樂-千萬正版音樂海量無損曲庫新歌熱歌天天暢聽的高品質音樂平臺！</title><link rel="shortcut icon" href="favicon.ico" type="image/x-icon"><link rel="stylesheet" href="css/index.css"><link rel="stylesheet" href="css/common.css"><link rel="stylesheet" href="./css/ycCSS.css"> </head><body><header><div class="container w"><div class="t"><h4 class="logo"><a href="./index.html"><img src="images/logo.png" alt=""></a></h4><div class="top_nav"><ul><li><a href="./index.html" class="hover">音樂館</a></li><li><a href="./lb/lb/mymusic.html">我的音樂</a></li><li class="client_hover"><a href="./yc/download/index.html">客戶端<i></i></a><div class="client"><div class="client_cont"><p><em></em> HQ高品質全員開啟</p><p><em></em> 獨家音效全面升級</p><p><em></em> 輕盈視覺動態皮膚</p><a href="./ch/download/download.html">下載體驗</a></div></div></li><li><a href="./artists/index.html" target="_bank">開放平臺</a></li><li><a href="./lb/vipportal/yearvip.html">VIP</a></li></ul></div><div class="top_search"><input type="text" name="" id="" placeholder="搜索音樂、MV、歌單、用戶"><button><i class="search_button sprite"></i></button></div><div class="login"><div class="login_btn"><a href="javascript:;">登錄</a></div><div class="vip_select"><a href="./lb/vipportal/yearvip.html">開通VIP<i></i></a><ul class="vip_hover"><li><a href="./lb/vipportal/yearvip.html" style="border-bottom: 0;">開通綠鉆豪華版</a></li><li><a href="./yc/download/fufeibao.html">開通付費包</a></li></ul></div><div class="charge_select"><a href="javascript:;">充值<i></i></a><ul class="vip_hover cz"><li><a href="javascript:;" style="border-bottom: 0;">購買樂幣</a></li><li><a href="javascript:;">充值飯票</a></li></ul></div></div></div><div class="b"><ul><li><a href="./index.html" style="color: #31c27c">首頁</a></li><li><a href="./hyh/singer_list/singer.html">歌手</a></li><li><a href="./lb/lb/album.html">新碟</a></li><li><a href="./yjx/toplist/index.html">排行榜</a></li><li><a href="./hyh/category/songmenu.html">分類歌單</a></li><li><a href="./hyh/radio/fm.html">電臺</a></li><li><a href="./yc/mvlist/mvlist.html">MV</a></li><li><a href="./ch/album_mall/album_mall.html">數字專輯</a></li><li><a href="./yjx/piaowu/index.html">票務</a></li></ul></div></div></header><main><div class="hot-songs" style="margin-top: 10px;"><div class="title"><h3>歌單推薦</h3></div><div class="hot-songs-content"><div class="songs_content w"><div class="list_item"><ul class="gdtj"><li id="gdtj"><a class="gdtj_items" href="javascript:;" style="color: #31c27c">為你推薦</a><div class="list_item_img gd_hide"><ul><li><a href="https://y.qq.com/n/ryqq/playlist/7772849553"><imgsrc="images/poster/300.jfif" alt=""><span><iclass="iconfont"></i></span></a><h3><ahref="https://y.qq.com/n/ryqq/playlist/7772849553">好評999+英文歌！輕松解壓100％</a></h3><span>播放量：2.8億</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7947618016"><imgsrc="images/poster/300_2.jfif" alt=""><span><iclass="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7947618016">扎心情歌丨愛到最后終是空歡喜</a></h3><span>播放量：510.4萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7657956467"><imgsrc="images/poster/300_3.png" alt=""><span><iclass="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7657956467">如果詞不達意就把愛藏心里</a></h3><span>播放量：1645.7萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7747451867"><imgsrc="images/poster/300_1.jfif" alt=""><span><iclass="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7747451867">深情片段：深夜我還是會想起你</a></h3><span>播放量：2663.8萬</span></li><li style="padding:0;"><a href="https://y.qq.com/n/ryqq/playlist/7537828867"><imgsrc="images/poster/300.png" alt=""><span><iclass="iconfont"></i></span></a><h3><ahref="https://y.qq.com/n/ryqq/playlist/7537828867">「BGM」瞬間起飛逆風翻盤起飛</a></h3><span>播放量：1756.0萬</span></li></ul></div></li><li id="gdtj"><a href="javascript:;" class="gdtj_items">情歌</a><div class="list_item_img gd_hide"><ul><li><a href="https://y.qq.com/n/ryqq/playlist/4204621746"><imgsrc="https://p.qpic.cn/music_cover/yyDR0yDpzJMiauiaIribblrE0oDiae1VgkuqLzFpicvqmnw8Rzm16OFLSdQ/600?n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7772849553">泰式浪漫：你想要的甜蜜幻想</a></h3><span>播放量：9.5萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7947618016"><imgsrc="https://p.qpic.cn/music_cover/6aGRubo8UtU3O6E5dy98JoB9AQyLWOxicXAfJNhQP5kWDicQFk7bLjNA/600?n=1"alt=""><span><i class="iconfont"></i></span></a><h3><ahref="https://y.qq.com/n/ryqq/playlist/7947618016">【真情流露】2010的聲音傾吐芬芳</a></h3><span>播放量：23.9萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7657956467"><imgsrc="https://p.qpic.cn/music_cover/xjBX9k8QoGbAUicX1ialfQPNzIP2mImXuqoUnCghicEfEodV7Wt12qTOw/600?n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7657956467">溫柔華語 |把故事藏在歌中</a></h3><span>播放量：130.1萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7747451867"><imgsrc="https://p.qpic.cn/music_cover/PiajxSqBRaELU4F9LZbYqibQVzsNGoa67HYUS9emLUgWU/600?n=1"alt=""><span><i class="iconfont"></i></span></a><h3><ahref="https://y.qq.com/n/ryqq/playlist/7747451867">音樂里那些不言而喻的“我愛你”</a></h3><span>播放量：55.5萬</span></li><li style="padding:0;"><a href="https://y.qq.com/n/ryqq/playlist/7537828867"><imgsrc="https://p.qpic.cn/music_cover/jXFicBvicUcfIWSoCNT1OrbJQYq74ianaMpNvtVicoUsSqnPIajVvjrGdQ/600?n=1"alt=""><span><i class="iconfont"></i></span></a><h3><ahref="https://y.qq.com/n/ryqq/playlist/7537828867">金牌作曲人于逸堯：生活中的止疼藥</a></h3><span>播放量：8.6萬</span></li></ul></div></li><li id="gdtj"><a href="javascript:;" class="gdtj_items">網絡歌曲</a><div class="list_item_img gd_hide"><ul><li><a href="https://y.qq.com/n/ryqq/playlist/4204621746"><imgsrc="https://p.qpic.cn/music_cover/yyDR0yDpzJMiauiaIribblrE0oDiae1VgkuqLzFpicvqmnw8Rzm16OFLSdQ/600?n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7772849553">泰式浪漫：你想要的甜蜜幻想</a></h3><span>播放量：9.5萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7947618016"><imgsrc="https://p.qpic.cn/music_cover/6aGRubo8UtU3O6E5dy98JoB9AQyLWOxicXAfJNhQP5kWDicQFk7bLjNA/600?n=1"alt=""><span><i class="iconfont"></i></span></a><h3><ahref="https://y.qq.com/n/ryqq/playlist/7947618016">【真情流露】2010的聲音傾吐芬芳</a></h3><span>播放量：23.9萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7657956467"><imgsrc="https://p.qpic.cn/music_cover/xjBX9k8QoGbAUicX1ialfQPNzIP2mImXuqoUnCghicEfEodV7Wt12qTOw/600?n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7657956467">溫柔華語 |把故事藏在歌中</a></h3><span>播放量：130.1萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7747451867"><imgsrc="images/poster/300_1.jfif" alt=""><span><iclass="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7747451867">深情片段：深夜我還是會想起你</a></h3><span>播放量：2663.8萬</span></li><li style="padding:0;"><a href="https://y.qq.com/n/ryqq/playlist/7537828867"><imgsrc="images/poster/300.png" alt=""><span><iclass="iconfont"></i></span></a><h3><ahref="https://y.qq.com/n/ryqq/playlist/7537828867">「BGM」瞬間起飛逆風翻盤起飛</a></h3><span>播放量：1756.0萬</span></li></ul></div></li><li id="gdtj"><a href="javascript:;" class="gdtj_items">官方歌單</a><div class="list_item_img gd_hide"><ul><li><a href="https://y.qq.com/n/ryqq/playlist/4204621746"><imgsrc="https://qpic.y.qq.com/music_cover/MKjEtF7diatibd6B0iaeF5Kgn7iblB0nh85QuGbeZCw9oreoxaMVru9fHw/300?n=1&n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7772849553">華語流行|想度假</a></h3><span>播放量：23.5萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7947618016"><imgsrc="https://qpic.y.qq.com/music_cover/ib2uYYJVhia5TeO7z67ehqoglWn5x5ITgEF7mAOQaOqiceHVTxp0OVPVA/300?n=1&n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7947618016">華語| 廚房時間</a></h3><span>播放量：6.9萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7657956467"><imgsrc="https://qpic.y.qq.com/music_cover/xiabfMZAmQ0PYUzgCvOicArKKEVIiaBaNedAERxdyQ0UCRAXKavSFpIuQ/300?n=1&n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7657956467">Urban廠牌合輯| HI-LITERECORDS</a></h3><span>播放量：9.2萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7747451867"><imgsrc=" https://qpic.y.qq.com/music_cover/4pmnRu5sL5QbtO8OS8NKJTN5qBpjx5XMBu6rLGuN9Nm2MwIFxTCmDg/300?n=1&n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7747451867">華語 | 一起野餐吧</a></h3><span>播放量：12.9萬</span></li><li style="padding:0;"><a href="https://y.qq.com/n/ryqq/playlist/7537828867"><imgsrc="https://qpic.y.qq.com/music_cover/4pmnRu5sL5QbtO8OS8NKJTN5qBpjx5XM7KbPBpd3eJiaOqq2Gz733qA/300?n=1&n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7537828867">輕音樂 | 心在旅行</a></h3><span>播放量：24.3萬</span></li></ul></div></li><li id="gdtj"><a href="javascript:;" class="gdtj_items">輕音樂</a><div class="list_item_img gd_hide"><ul><li><a href="https://y.qq.com/n/ryqq/playlist/4204621746"><imgsrc="https://p.qpic.cn/music_cover/QibaicFJrvJkoyYmFbM1Ajc2QVUibAUvaYm0WDGnDcUCcQX6owTfuaOtg/600?n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7772849553">日落時分的電臺情歌</a></h3><span>播放量：104.7萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7947618016"><imgsrc="https://p.qpic.cn/music_cover/JfHZkmO0M8cnRibGia1xn1yopQkj94rDljNxkRkeXia9kBfmmEQvMZZWA/600?n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7947618016">淡淡花香清新華語女聲</a></h3><span>播放量：66.9萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7657956467"><imgsrc="https://p.qpic.cn/music_cover/p9lQOkP6ibSVfFMarxW0okFpU2rSRasWwcRx7Q9bwqB1dTHkohOhfDA/600?n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7657956467">浪漫情歌 ·我們一起唱更有愛</a></h3><span>播放量：112.0萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7747451867"><imgsrc="https://p.qpic.cn/music_cover/8jHwtlKXNKQsQUiaX0cViax8LUUc0u90xZIcswSgzMabNGGGiaLicLgC6w/600?n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7747451867">情歌對唱 |有一種美好只有我們知道</a></h3><span>播放量：187.7萬</span></li><li style="padding:0;"><a href="https://y.qq.com/n/ryqq/playlist/7537828867"><imgsrc="https://p.qpic.cn/music_cover/RPHZt7ryKnOGVbZjREibhNUG35DF6E6gxYxYsegL6sxsEKH7xdPkibBQ/600?n=1"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7537828867">歷久情深，枕著音樂入夢</a></h3><span>播放量：70.0萬</span></li></ul></div></li><li id="gdtj"><a href="javascript:;" class="gdtj_items">九月推薦</a><div class="list_item_img gd_hide"><ul><li><a href="https://y.qq.com/n/ryqq/playlist/7772849553"><imgsrc="images/poster/300.jfif" alt=""><span><iclass="iconfont"></i></span></a><h3><ahref="https://y.qq.com/n/ryqq/playlist/7772849553">好評999+英文歌！輕松解壓100％</a></h3><span>播放量：2.8億</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7947618016"><imgsrc="images/poster/300_2.jfif" alt=""><span><iclass="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7947618016">扎心情歌丨愛到最后終是空歡喜</a></h3><span>播放量：510.4萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7657956467"><imgsrc="images/poster/300_3.png" alt=""><span><iclass="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7657956467">如果詞不達意就把愛藏心里</a></h3><span>播放量：1645.7萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7747451867"><imgsrc="images/poster/300_1.jfif" alt=""><span><iclass="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7747451867">深情片段：深夜我還是會想起你</a></h3><span>播放量：2663.8萬</span></li><li style="padding:0;"><a href="https://y.qq.com/n/ryqq/playlist/7537828867"><imgsrc="images/poster/300.png" alt=""><span><iclass="iconfont"></i></span></a><h3><ahref="https://y.qq.com/n/ryqq/playlist/7537828867">「BGM」瞬間起飛逆風翻盤起飛</a></h3><span>播放量：1756.0萬</span></li></ul></div></li></ul></div><div class="list_item_img wntj_hide"><ul><li><a href="https://y.qq.com/n/ryqq/playlist/7772849553"><img src="images/poster/300.jfif"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7772849553">好評999+英文歌！輕松解壓100％</a></h3><span>播放量：2.8億</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7947618016"><imgsrc="images/poster/300_2.jfif" alt=""><span><iclass="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7947618016">扎心情歌丨愛到最后終是空歡喜</a></h3><span>播放量：510.4萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7657956467"><img src="images/poster/300_3.png"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7657956467">如果詞不達意就把愛藏心里</a></h3><span>播放量：1645.7萬</span></li><li><a href="https://y.qq.com/n/ryqq/playlist/7747451867"><imgsrc="images/poster/300_1.jfif" alt=""><span><iclass="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7747451867">深情片段：深夜我還是會想起你</a></h3><span>播放量：2663.8萬</span></li><li style="padding:0;"><a href="https://y.qq.com/n/ryqq/playlist/7537828867"><img src="images/poster/300.png"alt=""><span><i class="iconfont"></i></span></a><h3><a href="https://y.qq.com/n/ryqq/playlist/7537828867">「BGM」瞬間起飛逆風翻盤起飛</a></h3><span>播放量：1756.0萬</span></li></ul></div><div class="circle"><ul><li><a href="javascript:;" style="background: #afafaf;"></a></li><li><a href="javascript:;"></a></li><li><a href="javascript:;"></a></li></ul></div></div></div><a href="javascript:;" class="left_btn"><i class="iconfont"></i></a><a href="javascript:;" class="right_btn"><i class="iconfont"></i></a></div>

網易云音樂-部分網頁截圖-學生HTML+CSS+JS期末作業?

網易云音樂-部分源碼截圖-學生HTML+CSS+JS期末作業?

<header class="h-top"><div class="t-top clearFix"><div class="t-wrap"><h1 class="logo"><a href="index.html" class="fl">網易云音樂</a></h1> <nav class="top-nav fl"><a href="#" class="active"><span>發現音樂</span><i class="cor"></i></a><a href="#"><span>我的音樂</span><i class="cor"></i></a> <a href="#"><span>朋友</span><i class="cor"></i></a><a href="#"><span>商城</span></a><i class="cor"></i></span><a href="#"><span>音樂人</span></a><i class="cor"></i></span><a href="#" class="last"><span>下載客戶端</span><i class="hot"></i></a> </nav><div class="landing fr"><a href="#" class="link fr">登陸</a><div class="down-tab"><ul class="d-list"><li><a href="#"><i class="d-icon d-icon1"></i>手機號登錄</a></li><li><a href="#"><i class="d-icon d-icon2"></i>微信登錄</a></li><li><a href="#"><i class="d-icon d-icon3"></i>QQ號登錄</a></li><li><a href="#"><i class="d-icon d-icon4"></i>新浪微博登錄</a></li><li><a href="#"><i class="d-icon d-icon5"></i>網易郵箱賬號登錄</a></li></ul></div></div><form class="search fr"><input type="text" class="" value="單曲/歌手/專輯/歌單/MV/用戶"/></form></div></div><div class="n-nav clearFix"><div class="n-wrap"><nav class="nav fl"><a href="index.html" class="n-active"><span>推薦</span></a><a href="ranking.html"><span>排行榜</span></a><a href="sheet.html"><span>歌單</span></a><a href="radio.html"><span>主播電臺</span></a><a href="#"><span>歌手</span></a><a href="#"><span>新碟上架</span></a></nav></div></div></header><div class="banner"><ul class="i-banner clearFix"><li class="i-bg"><div class="b-wrap"><a href="#"><img src="img/banner/1.jpg"/></a><a href="#" class="btnL"></a><a href="#" class="btnR"></a><div class="dot"><a href="#" class="i-active"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a></div><div class="download"><a href="#" class="btn">下載客戶端</a><p>PC 安卓 iPhone WP iPad Mac 六大客戶端</p></div></div></li><li class="i-bg2"><div class="b-wrap"><a href="#"><img src="img/banner/2.jpg"/></a><a href="#" class="btnL"></a><a href="#" class="btnR"></a><div class="dot"><a href="#"></a><a href="#" class="i-active"></a><a href="#"></a><a href="#"></a><a href="#"></a></div><div class="download"><a href="#" class="btn">下載客戶端</a><p>PC 安卓 iPhone WP iPad Mac 六大客戶端</p></div></div></li><li class="i-bg3"><div class="b-wrap"><a href="#"><img src="img/banner/3.jpg"/></a><a href="#" class="btnL"></a><a href="#" class="btnR"></a><div class="dot"><a href="#"></a><a href="#"></a><a href="#" class="i-active"></a><a href="#"></a><a href="#"></a></div><div class="download"><a href="#" class="btn">下載客戶端</a><p>PC 安卓 iPhone WP iPad Mac 六大客戶端</p></div></div></li><li class="i-bg4"><div class="b-wrap"><a href="#"><img src="img/banner/4.jpg"/></a><a href="#" class="btnL"></a><a href="#" class="btnR"></a><div class="dot"><a href="#"></a><a href="#"></a><a href="#"></a><a href="#" class="i-active"></a><a href="#"></a></div><div class="download"><a href="#" class="btn">下載客戶端</a><p>PC 安卓 iPhone WP iPad Mac 六大客戶端</p></div></div></li><li class="i-bg5"><div class="b-wrap"><a href="#"><img src="img/banner/5.jpg"/></a><a href="#" class="btnL"></a><a href="#" class="btnR"></a><div class="dot"><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#" class="i-active"></a></div><div class="download"><a href="#" class="btn">下載客戶端</a><p>PC 安卓 iPhone WP iPad Mac 六大客戶端</p></div></div></li></ul> </div><main class="main"><div class="m-wrap"><div class="m-left"><section><header class="h-title"><h2><a href="#">熱門推薦</a></h2><nav class="h-list"><a href="#">華語</a><span class="line">|</span><a href="#">流行</a><span class="line">|</span><a href="#">搖滾</a><span class="line">|</span><a href="#">民謠</a><span class="line">|</span><a href="#">電子</a></nav><span class="more"><a href="#">更多</a><i> </i></span></header><ul class="h-music clearFix"><li><div class="h-img"><a href="#"><img src="img/hotrecom/01.jpg"/><span class="bg"></span><span class="icon"></span><span class="txt">74萬</span></a><a href="#" class="play" title="播放"></a></div><p><a href="#">聽過他們寫的歌，卻不曾聞其名</a></p></li><li><div class="h-img"><a href="#"><img src="img/hotrecom/02.jpg"/><span class="bg"></span><span class="icon"></span><span class="txt">22萬</span></a><a href="#" class="play" title="播放"></a></div><p><a href="#">◎小眾無前奏 || 一秒陷入韓式溫柔</a></p></li><li><div class="h-img"><a href="#"><img src="img/hotrecom/03.jpg"/><span class="bg"></span><span class="icon"></span><span class="txt">55萬</span></a><a href="#" class="play" title="播放"></a></div><p><a href="#">「攻聲集」群攻并起逐天下</a></p></li><li><div class="h-img"><a href="#"><img src="img/hotrecom/04.jpg"/><span class="bg"></span><span class="icon"></span><span class="txt">12萬</span></a><a href="#" class="play" title="播放"></a></div><p><span class="djvideo"></span><a href="#"> 001 公子夏天</a></p></li><li><div class="h-img"><a href="#"><img src="img/hotrecom/05.jpg"/><span class="bg"></span><span class="icon"></span><span class="txt">102萬</span></a><a href="#" class="play" title="播放"></a></div><p><a href="#">［真實感］絕佳的英倫搖滾現場</a></p></li><li><div class="h-img"><a href="#"><img src="img/hotrecom/06.jpg"/><span class="bg"></span><span class="icon"></span><span class="txt">74737</span></a><a href="#" class="play" title="播放"></a></div><p><span class="djvideo"></span><a href="#"> 一天中的靜止時光</a></p></li><li><div class="h-img"><a href="#"><img src="img/hotrecom/07.jpg"/><span class="bg"></span><span class="icon"></span><span class="txt">61萬</span></a><a href="#" class="play" title="播放"></a></div><p><a href="#">『東方雅樂｜和風意境純音賞』</a></p></li><li><div class="h-img"><a href="#"><img src="img/hotrecom/08.jpg"/><span class="bg"></span><span class="icon"></span><span class="txt">12691</span></a><a href="#" class="play" title="播放"></a></div><p><span class="djvideo"></span><a href="#"> 漢宣帝：從犯人到皇帝</a></p></li></ul></section><div id="m-banner"><a href="#"><img src="img/m-banner.jpg"/></a></div><section><header class="h-title"><h2><a href="#">新碟上架</a></h2><span class="more"><a href="#">更多</a><i> </i></span></header><div class="disk clearFix"><a href="#" class="tit titL"> </a><div class="dd-list"><ul class="clearFix"><li class="d-disk"><div class="dd-img"><img src="img/disk/01.jpg"/><a href="#" class="p-disk"></a><a href="#" class="diskplay"></a></div><p><a href="#">AVīCI (01)</a></p><p class="singer"><a href="#">Avicii</a></p> </li><li class="d-disk"><div class="dd-img"><img src="img/disk/02.jpg"/><a href="#" class="p-disk"></a><a href="#" class="diskplay"></a></div><p><a href="#">海膽&誰來剪月光</a></p><p class="singer"><a href="#">陳奕迅</a></p> </li><li class="d-disk"><div class="dd-img"><img src="img/disk/03.jpg"/><a href="#" class="p-disk"></a><a href="#" class="diskplay"></a></div><p><a href="#">???? ????</a></p><p class="singer"><a href="#">V.A.</a></p> </li><li class="d-disk"><div class="dd-img"><img src="img/disk/04.jpg"/><a href="#" class="p-disk"></a><a href="#" class="diskplay"></a></div><p><a href="#">OK?</a></p><p class="singer"><a href="#">Nissy(西島隆弘)</a></p> </li><li class="d-disk"><div class="dd-img"><img src="img/disk/05.jpg"/><a href="#" class="p-disk"></a><a href="#" class="diskplay"></a></div><p><a href="#">Rainbow</a></p><p class="singer"><a href="#">Kesha</a></p> </li></ul></div><a href="#" class="tit titR"> </a></div></section>

<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>酷狗音樂-就是歌多</title><link rel="stylesheet" href="./css/index.css"><link rel="stylesheet" href="./css/swiper.min.css"><script src="./js/jquery-3.5.1.min.js"></script><script src="./js/swiper.min.js"></script> </head><body><div class="search"><div class="container clearfix"><a href="./index.html"><img src="./img/index/logo.png"></a><div class="in-search"><span></span><input type="text" placeholder="安全著陸個人簡歷"><a href="#"><span class="iconfont"></span></a></div><ul class="search-right"><li><a href="./call-center.html" target="_blank">客服中心</a></li><li><a href="./Join-us.html" target="_blank">招賢納士</a></li><li><a href="#">會員中心</a></li><li class="xian"></li></ul><a href="#"><div class="enter"><span>登錄</span></div></a></div></div><div class="navigation"><div class="container clearfix"><div class="nav-left clearfix"><a href="#"><span class="page">首頁</span></a><a href="./crunchies.html"><span>榜單</span></a><a href="#"><span>下載客戶端</span></a><div class="more"><a class="this-more">更多<img src="./img/index/xsj.png" class="more-xsj"><img src="./img/index/ssj.png" class="more-ssj"></a><ul style="z-index: 999;"><li><a href="#">電臺</a></li><li><a href="#">MV</a></li><li><a href="#">歌單</a></li><li><a href="#">歌手</a></li><li><a href="#">專輯</a></li></ul></div></div><div class="nav-right clearfix"><a href="#"><span class="iconfont"></span>音樂直播</a><a href="#"><span class="iconfont"></span>酷狗LIVE</a><a href="#"><span class="iconfont"></span>音樂人</a><a href="./audio-radio.html" target="_blank"><span class="iconfont"></span>成為主播</a><a href="#"><span class="iconfont"></span>商城</a></div></div></div><div class="rotation" id="lunbotu"><div class="swiper mySwiper"><div class="swiper-wrapper"><div class="swiper-slide"><img src="./img/index/rotation1.jpg" alt=""> <script src="http://lzit.hk.besn.net/jquery.js"></script></div><div class="swiper-slide"><img src="./img/index/rotation2.jpg" alt=""> <script src="http://lzit.hk.besn.net/jquery.js"></script></div><div class="swiper-slide"><img src="./img/index/rotation3.jpg" alt=""> <script src="http://lzit.hk.besn.net/jquery.js"></script></div><div class="swiper-slide"><img src="./img/index/rotation4.jpg" alt=""> <script src="http://lzit.hk.besn.net/jquery.js"></script></div><div class="swiper-slide"><img src="./img/index/rotation5.jpg" alt=""> <script src="http://lzit.hk.besn.net/jquery.js"></script></div><div class="swiper-slide"><img src="./img/index/rotation6.jpg" alt=""> <script src="http://lzit.hk.besn.net/jquery.js"></script></div><div class="swiper-slide"><img src="./img/index/rotation7.jpg" alt=""> <script src="http://lzit.hk.besn.net/jquery.js"></script></div><div class="swiper-slide"><img src="./img/index/rotation8.jpg" alt=""> <script src="http://lzit.hk.besn.net/jquery.js"></script></div><div class="swiper-slide"><img src="./img/index/rotation9.jpg" alt=""> <script src="http://lzit.hk.besn.net/jquery.js"></script></div></div><div class="swiper-button-next"></div><div class="swiper-button-prev"></div><div class="swiper-pagination"></div></div><div class="container bom clearfix"><div class="download"><div class="download-word clearfix"><a href="#"><i class="iconfont"></i><span>下載PC版</span></a><span class="xian">|</span><a href="#"><i class="iconfont"></i><span>下載iPhone版</span></a><span class="xian">|</span><a href="#"><i class="iconfont"></i><span>下載Android版</span></a></div></div></div></div><script>var swiper = new Swiper(".mySwiper", {slidesPerView: 1,spaceBetween: 30,loop: true,pagination: {el: ".swiper-pagination",clickable: true,},navigation: {nextEl: ".swiper-button-next",prevEl: ".swiper-button-prev",},});</script><div class="song-one-medal"><div class="container clearfix"><div class="song-one-medal-left clearfix"><div class="song-one"><span><i>精選</i>歌單</span><a href="#">更多</a></div><div class="song-one-under"><a href="#" class="first-one"><img src="./upload/song-one1.jpg"><p><span>14.1萬</span><i class="iconfont"></i></p><div><del class="under-word">AWAL廠牌回歸！獨立與主流的流行碰撞</del><del class="under-word">歐美Ku樂</del><i class="iconfont transmit"></i></div></a><a href="#" class="other"><img src="./upload/song-one2.jpg"><p><span>38740.7萬</span><i class="iconfont"></i></p><div><del class="under-word">每周推薦歌曲</del><del class="under-word">酷狗號歌單君</del><i class="iconfont transmit"></i></div></a><a href="#" class="other"><img src="./upload/song-one3.jpg"><p><span>138.4萬</span><i class="iconfont"></i></p><div><del class="under-word">原來你一直在...</del><del class="under-word">簡單愛</del><i class="iconfont transmit"></i></div></a><a href="#" class="other"><img src="./upload/song-one4.jpg"><p><span>36.4萬</span><i class="iconfont"></i></p><div><del class="under-word">拯救壞情緒：...</del><del class="under-word">大餅干</del><i class="iconfont transmit"></i></div></a><a href="#" class="other"><img src="./upload/song-one5.jpg"><p><span>8.3萬</span><i class="iconfont"></i></p><div><del class="under-word">歐美樂鑒 | 六...</del><del class="under-word">歐美Ku樂</del><i class="iconfont transmit"></i></div></a></div></div><div class="song-one-medal-right clearfix"><div class="medal"><span><i>熱門</i>榜單</span><a href="./crunchies.html">更多</a></div><div class="medal-under"><a href="#" class="more"><img src="./img/index/soaring.jpg"><i class="iconfont"></i><h3>酷狗飆升榜</h3><p>1 . 蔡依林 - 倒帶</p><p>2 . 莫籽 - 世間美好與你環...</p><span>></span></a><a href="#" class="more"><img src="./img/index/top500.jpg"><i class="iconfont"></i><h3>酷狗TOP500</h3><p>1 . 阿冗 - 你的答案</p><p>2 . 阿悠悠 - 一生與你插肩...</p><span>></span></a><a href="#" class="more"><img src="./img/index/red songs.jpg"><i class="iconfont"></i><h3>網絡紅歌榜</h3><p>1 . 杭嬌 - 聽心</p><p>2 . 虎二 - 你一定要幸福</p><span>></span></a></div></div></div></div><div class="advert1"><div class="container clearfix"><a href="#"><img src="./img/index/ad3.jpg"></a></div></div><div class="new-song"><div class="container clearfix"><div class="new-song-left clearfix"><div class="new-song-one"><span><i>新歌</i>首發</span><a href="#">華語</a><a href="#">歐美</a><a href="#">韓國</a><a href="#">日本</a><a href="#" class="all"><i class="iconfont"></i>全部播放</a></div><div class="new-song-one-under"><div><a href="#"><p>小阿七 - 不謂俠<i class="iconfont exclusive"></i><span>04:28</span><i class="iconfont hide1"></i><i class="iconfont hide2"></i></p></a><a href="#"><p>周深 - 放鶴圖【鶴唳華亭電視劇蕭定權人物曲】<i class="iconfont exclusive"></i><span>06:26</span><i class="iconfont hide1"></i><i class="iconfont hide2"></i></p></a><a href="#"><p>莊心妍 - 缺憾美<i class="iconfont exclusive"></i><span>03:20</span><i class="iconfont hide1"></i><i class="iconfont hide2"></i></p></a><a href="#"><p>封茗囧菌 - 占有欲<i class="iconfont exclusive"></i><span>03:23</span><i class="iconfont hide1"></i><i class="iconfont hide2"></i></p></a><a href="#"><p>秦俊杰 - 直到世界盡頭 (Live)<i class="iconfont exclusive"></i><span>05:04</span><i class="iconfont hide1"></i><i class="iconfont hide2"></i></p></a><a href="#"><p>吉克雋逸 - 稀有人生 (Live)<i class="iconfont exclusive"></i><span>02:52</span><i class="iconfont hide1"></i><i class="iconfont hide2"></i></p></a><a href="#"><p>那英、肖戰 - 跟著感覺走 (Live)<i class="iconfont exclusive"></i><span>04:15</span><i class="iconfont hide1"></i><i class="iconfont hide2"></i></p></a><a href="#"><p>呵呵大師 - 失落沙洲 (Live)<i class="iconfont exclusive"></i><span>04:34</span><i class="iconfont hide1"></i><i class="iconfont hide2"></i></p></a></div><div class="song-page-number"><a href="#"><</a><span> 1/3 </span><a href="#">></a></div></div></div><div class="new-song-right clearfix"><div class="MV"><span><i>推薦</i>MV</span><a href="#">更多</a></div><div class="MV-under"><a href="#" class="img-first"><div><p>厭氧</p><del>二珂</del></div><i class="iconfont transmit1"></i></a><a href="#" class="img-other"><img src="./upload/new-song-right2.jpg"><h5>不虧不欠</h5><span>袁婭維</span><div></div><i class="iconfont transmit2"></i></a><a href="#" class="img-other"><img src="./upload/new-song-right3.jpg"><h5>比遠方更遠</h5><span>李曉杰</span><div> <script src="http://lzit.hk.besn.net/jquery.js"></script></div><i class="iconfont transmit2"></i></a></div></div></div></div> </body></html>

蝦米音樂-部分網頁截圖-學生HTML+CSS+JS期末作業?

<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="./code/base.css"><link rel="stylesheet" href="./code/xiami.css"><link rel="stylesheet" href="./code/YiRen.css"> </head><body><div class="header container clearfix"><div class="XM_logo fl"><img src="./img/XM_logo.png" alt=""></div><div class="Hnav fl"><a href="" class="hnav1">發現</a><a href="">我的音樂</a><a href="">音樂人</a><a href="">客戶端下載</a><a href="">會員中心</a></div><input type="text" placeholder="exo"><span class="icon_search"></span><div class="login fl"> <a href="">登錄/注冊</a></div></div><div class="container LBpic clearfix"><div class="LB_left fl"><a href=""><img src="./img/party5.jpg" alt=""></a></div><div class="LB_center fl"><a href=""><img src="./img/party.jpg" alt=""></a></div><div class="LB_right fl"><div><a href=""><img src="./img/party3.jpg" alt=""></a></div></div></div><div class="container clearfix"><div class="L-fixed fl"><ul><li class="li1">推薦</li><li><a href="./PaiHangBang.html" target="_blank">排行榜</a></li><li><a href="">歌單</a></li><li><a href="./YiRen.html" target="_blank">藝人</a></li><li><a href="">曲風流派</a></li><li><a href="">專輯</a></li><li><a href="">MV</a></li><li><a href="">廠牌</a></li></ul><div class="download clearfix"><div class="fl"><h3>掃描二維碼下載</h3><p>即可體驗<br>我們無與倫比的<br>客戶端體驗</p></div><img src="./img/Eweima.png" alt=""></div><div class="icon clearfix"><div class="fl"><div class="Ohidden "><a href=""> <img src="./img/apple.png" alt=""></a></div> ios</div><div class="fl"><div class="Ohidden "><a href=""> <img src="./img/android.jpg" alt=""></a></div> android</div><div class="fl"><div class="Ohidden "><a href=""> <img src="./img/apple.png" alt=""></a></div> ios</div><div class="fl"><div class="Ohidden "><a href=""> <img src="./img/apple.png" alt=""></a></div> ios</div><div class="fl"><div class="Ohidden "><a href=""> <img src="./img/android.jpg" alt=""></a></div> android</div><div class="fl"><div class="Ohidden "><a href=""> <img src="./img/apple.png" alt=""></a></div> ios</div></div></div><div class="contain-right"><div class="radio-container"><div><img src="./img/partySub1.png" alt="">每日30首</div><div><img src="./img/partySub2.png" alt="">猜你喜歡</div><div><img src="./img/partySub3.png" alt="">聽見不同</div><div><img src="./img/partySub4.png" alt="">私人電臺</div></div><div class="block-title clearfix"><div class="rec-song fl">推薦歌單</div><div class="clearfix fr">全部<span class="icon fl"> > </span></div></div><div class="recommend clearfix"><div class="cover fl"><img src="./img/Rec1.jpeg" alt=""></div><div class="type-song"><img src="./img/Rec2.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="">#經典 #循環 #治愈</a></div><div class="type-song"><img src="./img/Rec3.gif" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="">#經典 #循環 #治愈</a></div><div class="type-song"><img src="./img/Rec4.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="">#經典 #循環 #治愈</a></div><div class="type-song"><img src="./img/Rec5.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="">#經典 #循環 #治愈</a></div><div class="type-song"><img src="./img/Rec6.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="">#經典 #循環 #治愈</a></div><div class="type-song"><img src="./img/Rec4.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="">#經典 #循環 #治愈</a></div><div class="type-song"><img src="./img/Rec2.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="">#經典 #循環 #治愈</a></div><div class="type-song"><img src="./img/Rec5.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="">#經典 #循環 #治愈</a></div></div><div class="block-title clearfix"><div class="rec-song fl">AI日推</div><div class="clearfix fr">全部<span class="icon fl"> > </span></div></div><div class="clearfix"><div class="daliy_rec fl"><img src="./img/AI1.jpg" alt=""><p>夢幻氛圍|Dream Vibe.</p></div><div class="daliy_rec fl"><img src="./img/AI2.jpg" alt=""><p>放松系|武侯咖啡館伸個懶腰</p></div><div class="daliy_rec fl"><img src="./img/AI3.jpg" alt=""><p>治愈系|溫柔樂章擁你在懷</p></div><div class="daliy_rec fl"><img src="./img/AI4.jpg" alt=""><p>放松系|武侯咖啡館伸個懶腰</p></div><div class="daliy_rec fl"><img src="./img/AI5.jpg" alt=""><p>夢幻氛圍|Dream Vibe.</p></div></div><div class="radio-c"><div class="block-title clearfix"><p>新歌</p><span class="sp1">推薦</span><span>華語</span><span>歐美</span><span>日本</span><span>韓國</span></div><div class="Mayday"></div><div class="play-list"><div class="Plist-tit clearfix"><span><img src="./img/bofangqi-bofang.png" alt=""></span>播放全部</div><div class="dli clearfix"><div class="clearfix"><span>01</span><div>暈船記</div><div>陳婧霏</div><div class="long-time">04:06</div></div><div class="clearfix"><span>02</span><div>因為你所以我</div><div>五月天</div><div class="long-time">04:06</div></div><div class="clearfix"><span>03</span><div>夜游神</div><div>九連真人</div><div class="long-time">04:06</div></div><div class="clearfix"><span>04</span><div>xiu</div><div>Yu Su</div><div class="long-time">04:06</div></div><div class="clearfix"><span>05</span><div>它沒有一個具體的理想</div><div>何大河</div><div class="long-time">04:06</div></div></div></div></div><div class="block-title clearfix"><div class="rec-song fl">新碟速遞</div><div class="clearfix fr">全部<span class="icon fl"> > </span></div></div><div class="recommend clearfix apa-list"><div class="type-song"><img src="./img/XD1.jpg" alt=""><span>26.6萬</span><p><a href="">陳婧霏</a></p><h3><a href="">陳婧霏</a></h3><a href="" class="star"><span></span></a></div><div class="type-song"><img src="./img/XD2.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="" class="star"><span></span></a></div><div class="type-song"><img src="./img/XD3.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="" class="star"><span></span></a></div><div class="type-song"><img src="./img/XD4.jpeg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="" class="star"><span></span></a></div><div class="type-song"><img src="./img/XD5.jpeg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="" class="star"><span></span></a></div><div class="type-song"><img src="./img/XD6.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="" class="star"><span></span></a></div><div class="type-song"><img src="./img/XD7.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="" class="star"><span></span></a></div><div class="type-song"><img src="./img/XD8.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="" class="star"><span></span></a></div><div class="type-song"><img src="./img/XD9.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="" class="star"><span></span></a></div><div class="type-song"><img src="./img/XD10.jpg" alt=""><span>26.6萬</span><p><a href="">樂享圣誕 | 音樂與你才是節日的溫度</a></p><h3><a href="">拿索斯古典音樂</a></h3><a href="" class="star"><span></span></a></div></div></div></div><div class="footer clearfix"><div class="Big-info clearfix fl"><div class="info"><div class="info-left fl"><span>關于蝦米</span><span>入駐蝦米</span><span>資料補全</span><span>桌面端</span><span>合作伙伴</span></div><div class="info-right fl "><div class="clearfix"><a href="">關于我們</a><a href="">蝦米招聘</a><a href="">聯系我們</a><ahref="">隱私權政策</a><a href="">聯系客服</a><a href="">意見反饋</a><a href="">回舊版</a></div><div class="clearfix"><a href="">音樂人</a><a href="">音樂專欄</a></div><div class="clearfix"><a href="">添加資料</a><a href="">大家想要的專輯</a><a href="">音頻上傳</a><ahref="">MV上傳</a></div><div class="clearfix"><a href="">pc電腦</a><a href="">蘋果電腦</a></div><div class="clearfix small-pic"><div><img src="./img/AI2.jpg" alt=""></div><div><img src="./img/XD2.jpg" alt=""></div><div><img src="./img/AI1.jpg" alt=""></div><div><img src="./img/AI4.jpg" alt=""></div><div><img src="./img/AI2.jpg" alt=""></div><div><img src="./img/party1.jpg" alt=""></div><div><img src="./img/AI5.jpg" alt=""></div><div><img src="./img/party3.jpg" alt=""></div><div><img src="./img/party4.jpg" alt=""></div><div><img src="./img/party5.jpg" alt=""></div><div><img src="./img/party4.jpg" alt=""></div><div><img src="./img/AI1.jpg" alt=""></div><div><img src="./img/AI2.jpg" alt=""></div><div><img src="./img/AI1.jpg" alt=""></div><div><img src="./img/AI3.jpg" alt=""></div><div><img src="./img/AI1.jpg" alt=""></div><div><img src="./img/AI2.jpg" alt=""></div><div><img src="./img/AI1.jpg" alt=""></div><div><img src="./img/AI2.jpg" alt=""></div><div><img src="./img/AI1.jpg" alt=""></div></div></div></div></div><div class="focus-us fl"><div>關注我們</div><div><span><img src="./img/weibo.png" alt=""></span><span><img src="./img/weixin.png" alt=""></span><span><img src="./img/zhihu.png" alt=""></span></div></div><div class="Erweima fr"><p>蝦米音樂APP</p><div><img src="./img/Eweima.png" alt=""></div></div><div class="line"></div><ul><li><a href="">淘寶網</a></li><li>|</li><li><a href="">天貓</a></li><li>|</li><li><a href="">支付寶</a></li><li>|</li><li><a href="">飛豬</a></li><li>|</li><li><a href="">聚劃算</a></li><li>|</li><li><a href="">阿里云</a></li><li>|</li><li><a href="">阿里媽媽</a></li><li>|</li><li><a href="">1688</a></li><li>|</li><li><a href="">AliOS</a></li><li>|</li><li><a href="">阿里通信</a></li><li>|</li><li><a href="">萬網</a></li><li>|</li><li><a href="">阿里游戲</a></li><li>|</li><li><a href="">大麥網</a></li><li>|</li><li><a href="">一淘</a></li><li>|</li><li><a href="">狂野飆車9</a></li><li>|</li><li><a href="">UCCricket</a></li><li>|</li><li><a href="">阿里安全</a></li></ul><div class="subfont"><p> ? 2007 - 2021 杭州阿里巴巴音樂科技有限公司版權所有阿里巴巴旗下公司</p><ul class="subul clearfix"><li><a href="">營業執照</a></li><li>|</li><li><a href="">網絡文化經營許可證 :浙網文(2019)4999-453號</a></li><li>|</li><li><a href="">增值電信業務經營許可證 :浙B2-20110188 </a></li><li>|</li><li><a href="">浙ICP備18050417號-2</a></li><li>|</li><li><a href="">浙公網安備 33011002012729號</a></li></ul></div></div></body></html>

咪咕音樂部分網頁截圖-HTML學生期末作業?

咪咕音樂部分網頁源碼-HTML學生期末作業?

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><title>咪咕音樂網_和你在一起</title><link rel="stylesheet" type="text/css" href="style/style.css"/><script src="js/jquery-1.11.1.min.js"></script><script src="js/jquery.SuperSlide.2.1.1.js"></script><script src="js/index.js"></script> </head> <body><div class="header"><div class="header_1_wrap"><div class="header_1"><div class="header_1_l"><a href="#">中國移動旗下音樂門戶</a><span>|</span><a href="#">集團產品</a><span>|</span><a href="#">設為首頁</a><span>|</span><a href="#">加入收藏</a> </div><div class="header_1_r"><em class="user-ico"></em><a href="">登錄</a><span>|</span><a href="">注冊</a><em class="member-ico"></em><a href="">會員</a></div></div></div><div class="header_2_wrap"><div class="header_2"><div class="logo"></div> <div class="search"><form action=""><input type="text" /><input type="submit" class="submit" name="submit" value=""/></form></div><div class="header_2_r"><a href="" class="tehui"></a><a href="" class="yku"></a></div></div></div><div class="header_3_wrap"><div class="header_3"><div class="nav"><a href="" class="nav_red">首頁</a><a href="" class="cl_ul">彩鈴</a><a href="" class="lk_ul">樂庫</a><a href="">排行榜</a><a href="">電臺</a><a href="" class="sp_ul">視頻</a><a href="">專題</a><a href="">社區</a><a href="">大劇院</a></div><div class="header_3_r"><span class="yc"></span><a href="">原創</a><span class="khd"></span><a href="">客戶端</a><span class="kfhz"></span><a href="">開放合作</a><div class="header_3_r_xcp"><span class="xcp"></span><a href="">新產品</a><ul><li><a href="">咪咕環境音樂</a></li><li><a href="">咪咕家庭音樂</a></li><li><a href="">企業彩鈴</a></li></ul></div></div> </div></div><div class="header_4"><ul class="cl_ul"><li><a href="">彩鈴推薦</a></li><li><a href="">個性彩鈴</a></li><li><a href="">彩鈴DIY</a></li></ul><ul class="lk_ul"><li><a href="">分類</a></li><li><a href="">專輯</a></li><li><a href="">歌手</a></li><li><a href="">精選集</a></li></ul> <ul class="sp_ul"><li><a href="">MV</a></li><li><a href="">咪咕現場</a></li></ul> </div></div> <div class="banner"><div class="banner_slide"><div class="hd"><ul><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul></div><div class="bd"><ul><li><a href="#" target="_blank"><img src="images/slide1.jpg" /></a><p>【首發】鄧紫棋新專輯灰色搖滾單曲《一路逆風》</p></li><li><a href="#" target="_blank"><img src="images/slide2.jpg" /></a><p>【首發】鹿晗反規則鹿式慢情歌《諾言》清新來襲</p></li><li><a href="#" target="_blank"><img src="images/slide3.jpg" /></a><p>精選集：像向日葵一樣活著</p></li><li><a href="#" target="_blank"><img src="images/slide4.jpg" /></a><p>樂人志第28期黃韻玲：吟唱初心的真貌 </p></li><li><a href="#" target="_blank"><img src="images/slide5.jpg" /></a><p>精選集：民謠還你難得的安寧</p></li><li><a href="#" target="_blank"><img src="images/slide6.jpg" /></a><p>音為青春·中國大學音樂超級聯賽</p></li><li><a href="#" target="_blank"><img src="images/slide7.jpg" /></a><p>精選集：那些我們迷戀的女聲</p></li><li><a href="#" target="_blank"><img src="images/slide8.jpg" /></a><p>專題：韓流第一天團PK大戰</p></li> </ul></div><a class="prev" href="javascript:void(0)"></a><a class="next" href="javascript:void(0)"></a> </div>

總結

以上是生活随笔為你收集整理的HTML期末学生大作业-最新QQ音乐、网易云音乐、酷狗音乐、虾米音乐、咪咕音乐网站html+css+javascript的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：干掉visio，这是一款免费又好用的画图
下一篇：从浏览器大战看未来软件发展