手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何在HTML中播放背景音乐

时间:2024-10-21 20:37:08

1、首先我们打开Intellij,确保有一个项目已经打开。

如何在HTML中播放背景音乐

2、接下来新建一个HTML文件,在文件夹上点右键——New——HTML File。

如何在HTML中播放背景音乐

3、我们要确保要导入的音乐文件在这个文件夹里,读者可以自行拖动一个音乐文件到HTML文件所在的文件夹里。

如何在HTML中播放背景音乐

4、接下来我们添加代码<audio controls> <source src="music.mp3"></audio>在body标签里。

如何在HTML中播放背景音乐

5、将鼠标放在代码编辑器的右上角,可以选择一个浏览器进行预览。

如何在HTML中播放背景音乐

6、此时在网页中就可以看到一个可以操控的音乐播放器了。

如何在HTML中播放背景音乐
© 手抄报圈