如何在博客主页添加音乐按钮(HTML小试)

原创 2013年12月03日 00:35:45

以下只是本人第一次接触 HTML 的小尝试:

如下图,我在我的博客主页添加了一个音乐按钮:



                                                                           



具体步骤如下:

点击管理博客,在博客栏目中点添加:



写好标题,将代码复制在内容里面,代码如下:


<html>
<body>
<div style="text-align:center">
<p><a href="http://fm.baidu.com/" target="_blank">
<img border="0" src="http://img.my.csdn.net/uploads/201312/02/1385998649_5746.png" 
width="%80" height="%80"></a></p> 
</div>
</body>
</html>


然后点添加栏目即可。


其中 :


 整个 代码的作用是设置一个音乐按钮图片作为超链接,   链接到音乐播放

  <div style="text-align:center"> </div> 的作用是使图片居中显示 

  href="http://fm.baidu.com/" target="_blank"  中的http地链接指向的音乐地址,这里我是直接用的百度随身听网址,

  target="_blank 的作用是使超链接的打开方式是在新的浏览器窗口打开链接

  src="http://img.my.csdn.net/uploads/201312/02/1385998649_5746.png" 中 http 的地址是图片地址,这里可以先做一个

  图片(我的像素是116x116),然后上传到空间相册,右击查看图片信息,复制地址即可。

  width="%80" height="%80" 的作用是使图片占其框架大小的%80.

这样就可以在自己的博客主页现在一个音乐按钮,点击即可跳出百度随身听进行播放音乐。

相关文章推荐

BLOG小技巧-在BLOG中添加背景音乐

其实这个小技巧并不新了,但是看到很多朋友给的在BLOG里加音乐的方法,我个人觉得有点烦琐.所以就想了这么个方法:使用标签,通过使用这个标签可以在BLOG中添加背景音乐,当然是看不到的,呵呵,所以有的朋...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Hexo博客中插入音乐

1. 前言     正所谓没有逼格的博客不是好博客,而在自己搭建的博客里插入音乐或者视频能秒秒钟拉高博客的格调。Hexo作为一款优秀的静态博客生成器,当然也少不了这些吊炸天的功能。2. 准备工作   ...

如何在blog中添加背景音乐

Blog音乐的设置有很多种,就我个人的实践举例如下:A . Realplay音乐播放器的代码设置,可以在你的“公告”加入如下代码:                                你喜欢...
  • SafeF8
  • SafeF8
  • 2005年01月14日 17:31
  • 2886

CSDN博客中嵌入背景音乐

CSDN博客中嵌入背景音乐 如果想在CSDN博客中设置背景音乐要自己插入HTML代码 在编辑博客有两种模式,HTML编辑器(默认)和markDown编辑器 切换到HTML编辑器,点击上方插入HT...

如何在网站中添加音乐

来源:http://www.ido321.com/1042.html 发现有很多的个人博客中添加了背景音乐,以增强用户体验。LZ搜集到了两种在网站中添加音乐的方式。 一、豆瓣的FM ...

[数学最安逸][UVa1638改编][第一类斯特林数+组合数]杆子的排列

有高为1,2,3,...,n的杆子各一根排成一行。从左边能看到l根,从右边能看到r根,求有多少种可能。 (l,r 给出T 组数据 (T  关于 O(TnLR) 或 O(nM...

[经典面试题][百度]数轴上从左到右有n各点a[0], a[1], ……,a[n -1],给定一根长度为L的绳子,求绳子最多能覆盖其中的几个点。

题目数轴上从左到右有n各点a[0], a[1], ……,a[n -1],给定一根长度为L的绳子,求绳子最多能覆盖其中的几个点。...

html5博客主页

  • 2014年03月31日 17:12
  • 58KB
  • 下载

CSDN博客个人主页左侧栏添加微信二维码

0、首先,看一下效果图 1、在CSDN博客中放置二维码 因为上面的二维码图片,只能从CSDN网站中获取,所以必须先把二维码图片上传到某篇博客中。 这里我是上传到我的第一篇CSDN...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何在博客主页添加音乐按钮(HTML小试)
举报原因:
原因补充:

(最多只允许输入30个字)