irpas技术客

HTML音频,视频,超链接_Harrysau

irpas 1377

音频、视频、超链接 一、音频1.标签介绍2.常见属性 二、视频1.标签介绍2.常用属性 三、超链接1.标签介绍2.target属性

一、音频 1.标签介绍

符号:audio 特点:双标签 支持格式:MP3、wav、ogg(多为MP3) 用法:

<audio src="相对路径"></audio> 2.常见属性 属性名属性功能src音频路径controls显示播放的插件autoplay自动播放(部分浏览器不支持)loop循环播放

用法:

<audio src="相对路径" controls autoplay loop></audio>

其中src属性必须要有,其余属性根据要求自行添加,不分顺序。与图片标签相同,视频窗口的大小也可通过height和width设置,用法均相同。

二、视频 1.标签介绍

符号:video 特点:双标签 支持格式:MP4、WebM、ogg(多用MP4)

2.常用属性 属性名属性功能src视频路径controls显示播放的插件autoplay自动播放(部分浏览器不支持)loop循环播放

与音频的属性特征类似,但autoplay属性在谷歌浏览器中需配合muted实现静音播放。 用法:

<video src="相对路径" controls autoplay loop></video>

与图片标签相同,视频窗口的大小也可通过height和width设置,用法均相同。

三、超链接 1.标签介绍

符号:a 特点:双标签 用法:

<a href="完整网址.html">要显示的内容</a> 2.target属性 属性值功能_self在当前窗口跳转_blank在新窗口跳转

完整代码:

<!doctype html> <html> <head> <meta charset="utf-8"> <title>超链接应用示例</title> </head> <body> <a href="https://editor.csdn.net/md/?articleId=122691120.html" target="_self">在当前窗口跳转作者的另一篇文章</a> <br> <br> <a href="https://blog.csdn.net/Harrysau?spm=1011.2124.3001.5343.html" target="_blank">在新建窗口访问作者的个人主页</a> </body> </html>

效果:

在当前窗口跳转作者的另一篇文章 在新建窗口访问作者的个人主页


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #HTML音频 #视频 #超链接