用html做一个网易云的热门推荐

已于 2022-06-21 15:00:51 修改
阅读量440 收藏 3
点赞数
分类专栏： 笔记 文章标签： web html5
于 2022-03-27 13:58:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56218765/article/details/123772406
版权

只学了两节课的html，做一个简单的网易云热门推荐，效果图如下：
![在这里插入图片描述](https://img-blog.csdnimg.cn/8baf17a7910b4160b426c0aa2e3ea14e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP6bG86Lez6LezLg==,size_20,color_FFFFFF,t_70,g_se,x_16
第一行字用

标题来实现，中间的空格用到了&nbsp；
将在网上copy的图片用加进去，下面的描述用

写.具体代码如下
在这里插入图片描述

小鱼跳跳.
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
HTML网易云音乐页面设计,QtDesigner实现网易云音乐助手的页面设计
weixin_42396760的博客
06-04 1493
上篇文章介绍了PyQt5在PyCharm中的应用，那么现在就实战下，把爬取网易云音乐歌词的程序使用GUI编程做出来吧。1.设计使用墨刀大体设计了一个很粗略的原型图2.实现1).设置主程序大小新建了MainWindow后，在右侧PropertyEditor中设置minimumSize和maximumSize为设计图中的730px*540px，这两个值为一致的话则为固定窗口大小。2).设置Tab Wi...
HTML作业-仿网易云音乐项目
04-29
html作业，仿照网易云音乐客户端练练，可以播放音乐，可以看歌词、拖进度等等，可以换肤，我本人喜欢黑色的皮肤，白色皮肤是赶时间加上去的，有的地方不协调。
HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器
weixin_34212189的博客
02-21 3129
HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器 前言 没有使用任何框架，只是想用最简单纯js的代码实现下 前台: Javascript+jQuery 后台: php/nodejs（php是参考网上的例子写的，nodejs代码是在php的基础上重新写的） 还有她的姊妹篇（网易云音乐移动端），请查看这里 http...
用html写网易云的热门音乐
m0_56218765的博客
05-02 833
图片需要自己从网上下载，代码里图片的路径及图片名称需要修改成自己的 <body> <h1>&nbsp;热门推荐&nbsp;&nbsp;&nbsp;华语|&nbsp;&nbsp;流行|&nbsp;&nbsp;摇滚|&nbsp;&nbsp;民谣|&nbsp;&nbsp;电子|</h1> <table > <.
网易云课堂html笔记
toy_shen的专栏
03-18 2505
html 中文乱码里面添加 title标签 html lang 常见标签 html高级标签 img标签 a标签 超链接 锚点 打电话邮件 协议限定符 form标签 向后端发送数据 1. html1. 中文乱码：里面添加<meta charset="utf-8"> 常用编码：gb2312 只能识别简体中文 —> gbk 可以识别繁体​ unicode 万国码​
HTML+CSS实现网易云网站
05-31
总的来说，"HTML+CSS实现网易云网站"是一个综合性的实践项目，涵盖了网页结构、样式设计、资源管理、响应式布局等多个方面，对于提升前端开发技能非常有帮助。通过这个项目，开发者不仅能学习到基础的HTML和CSS知识...
网易云--主页与登录界面结构html+css实现（三）
05-17
总的来说，这个项目提供了从设计到实现的过程，展示了如何用HTML5、CSS（包括SCSS）和JavaScript构建一个具有互动性的网易云风格主页和登录界面。通过学习和实践这个案例，开发者可以提升自己的前端开发技能，理解...
静态网易云官网html+css
03-12
【静态网易云官网html+css】是一个项目，它利用HTML和CSS技术，结合Swiper插件，再现了网易云音乐官方网站的部分界面。这个项目对于学习网页设计和前端开发的初学者来说，是一个很好的实践案例。下面我们将深入探讨...
网易云手机端首页（html+css)
04-15
在本项目中，“网易云手机端首页（html+css)”是一个关于前端开发的实践案例，主要涉及HTML和CSS这两种核心技术，用于构建手机端的网页布局。这个项目可以帮助开发者对手机端网页的构建有一个基础的认识和实践经验。...
仿网易云音乐平台（vue项目）
06-30
以上是"仿网易云音乐平台（vue项目）"中可能涉及的主要知识点，每个部分都是一个深入学习的方向，涵盖了前端开发的多个重要领域。通过这个项目，开发者不仅可以学习到Vue.js的实战应用，还能提升对HTML、CSS、...
js热门推荐代码（12图）
01-03
js热门推荐代码（12图） ,一个展示图片的js效果
网易云音乐排行榜.HTML5制作
10-26
美观，新颖，适合HTML新手和学生，学生作业参考和学习。
html和css实现 网易严选移动端页面
12-10
网易严选移动端页面，实现自适应布局
一个展示网易云音乐的页面
08-10
一个展示网易云音乐的页面
415网易云首页导航栏布局（李游精品前端练习笔记）
m0_61238657的博客
04-22 349
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;list-style: none.
HTML + CSS 连载 | 53 - 网易云音乐 ITEM（上）
最新发布
JingnanJia的博客
03-03 1607
该例中耳机图标、播放量以及播放图标都是盖在图片上的，这里需要通过相对定位和绝对定位来处理；绝对定位是相对于父级定位元素进行偏移，是脱离标准流的。网易云音乐首页的 item 基本结构是由上下两部分组成的，上半部分为封面、背景以及播放量等信息，下半部分为描述信息，可以通过一个。盒子没有设置高度，宽度会自动占满父元素的整行，高度是由里面的。的高度都变成了 140px，图片就占据了整个盒子的高度。原样式中的背景是通过给一个超链接设置背景来实现的。的高度，底部还有一点点大约 5px 的高度。
用HTML+CSS仿网易云音乐网站(6个页面)
qq_38517951的博客
04-27 209
🎵 音乐网页设计 、🎸仿网易云音乐、各大音乐官网网页、🎶明星音乐演唱会主题、🥁爵士乐音乐、民族音乐、等网站的设计与制作。🏷️HTML音乐网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结
web课程设计--好物推荐（HTML5+CSS）
pattyi的博客
07-29 324
好物推荐web课程设计主界面关于我联系我footer好物推荐·鞋履好物推荐·好物问卷CSS代码 主界面 关于我 联系我 footer 好物推荐·鞋履 好物推荐·好物问卷 CSS代码 menu.css .eng{ font-family: Ink Free; } .content_menu{ position: absolute; top:20px; right: 100px; position: fixed; } ul{ width: 190px;
用bootstrap做一个网易云页面设计
06-11
3. 创建一个轮播图区域，用于展示热门歌单或新歌推荐等内容。 4. 添加一个歌单列表区域，用于展示用户创建的歌单或推荐的歌单。 5. 创建一个音乐播放器区域，包括播放器控制按钮、歌曲名称、歌手、歌词等元素。 6...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小鱼跳跳.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值