【网页制作】怎样在网页中插入音乐

【网页制作】怎样在网页中插入音乐呢?今天一起来看一下吧

【网页制作】怎样在网页中插入音乐

文章插图

step1: 打开HBuilder X
【网页制作】怎样在网页中插入音乐

文章插图

step2: 进入后新建一个html文件
【网页制作】怎样在网页中插入音乐

文章插图
step3: 然后将html文件和mp3文件放在一个目录当中
【网页制作】怎样在网页中插入音乐

文章插图

step4: 然后在body中输入代码“<embed src="http://img.hunanlong.com/221106/1K4522X3-4.jpg" width="200" height="100"></embed>”
【网页制作】怎样在网页中插入音乐

文章插图
step5: ctrl+s保存后点击上方播放图标选择浏览器将其打开
【网页制作】怎样在网页中插入音乐

文章插图
step6: 如图所示,即可出现一个播放器,点击开始图标即可播放音乐 。
【网页制作】怎样在网页中插入音乐

文章插图
step7: 效果如图所示
【网页制作】怎样在网页中插入音乐

文章插图
step8: 如果想循环播放的话可以在代码中加入“loop="true"”,如图所示 。
【【网页制作】怎样在网页中插入音乐】
【网页制作】怎样在网页中插入音乐

文章插图
step9: 如果用DW进行编写网页的话可以依次点击插入——媒体——插件,然后选择音乐文件进行插入即可 。
【网页制作】怎样在网页中插入音乐

文章插图

    推荐阅读