• 技术文章 >web前端 >html教程

    html如何添加音乐

    青灯夜游青灯夜游2021-06-03 17:55:03原创124

    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中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html 音乐 audio
    上一篇:html如何设置页面图标(logo) 下一篇:html行内样式字号怎么写
    第16期线上培训班

    相关文章推荐

    • audio标签的作用是什么• html怎么设置header• focus在HTML是什么意思• HTML怎么把dt转成块级元素• html怎么隐藏播放器• html分段标签是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网