当前位置 : 主页 > 网页制作 > html >

html如何添加音乐

来源:互联网 收集:自由互联 发布时间:2021-08-11
html添加音乐的方法:1、使用“audio src=音频文件路径/audio”语句;2、使用“embed src=音频文件路径/”语句;3、使用“object data=音频文件路径/”语句。 本教程操作环境:windows7系统、H

html添加音乐的方法:1、使用“<audio src="音频文件路径"></audio>”语句;2、使用“<embed src="音频文件路径"/>”语句;3、使用“<object data="音频文件路径"/>”语句。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

1、使用 HTML5 <audio> 元素

<audio> 元素是一个 HTML5 元素,在 HTML 4 中是非法的,但在所有浏览器中都有效。

<audio> 标签定义声音,比如音乐或其他音频流。

示例:

<!DOCTYPE HTML>
<html>
<body>

<audio src="/i/horse.ogg" controls="controls">
Your browser does not support the audio element.
</audio>

</body>
</html>

1.png

2、使用 <embed> 元素

<embed>标签定义外部(非 HTML)内容的容器。(这是一个 HTML5 标签,在 HTML4 中是非法的,但是所有浏览器中都有效)。

下面的代码片段能够显示嵌入网页中的 MP3 文件:

<embed height="50" width="100" src="horse.mp3">

3、使用 <object> 元素

<object tag> 标签也可以定义外部(非 HTML)内容的容器。

下面的代码片段能够显示嵌入网页中的 MP3 文件:

<object height="50" width="100" data="horse.mp3"></object>

推荐教程:《html视频教程》

以上就是html如何添加音乐的详细内容,更多请关注自由互联其它相关文章!

网友评论