首页 >web前端 >html教程 > 正文

html如何添加音乐

原创2021-06-03 17:55:0302305

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如何添加音乐的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html 音乐 audio
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php怎么判断有几位小数359
    php中转换首字母大写的函数是什么302
    Javascript怎么检查对象是否为空838
    推荐视频教程
  • html5开发实战之百度外卖手机站前端制作html5开发实战之百度外卖手机站前端制作
  • HTML每日小知识(第二季)HTML每日小知识(第二季)
  • HTML+CSS网页基础HTML+CSS网页基础
  • HTML 代码实例HTML 代码实例
  • HTML5 极速入门HTML5 极速入门
  • 视频教程分类