HTML基础知识(6)
媒体标签
1.1.1音频标签
➢ 场景:在页面中插入音频
➢ 代码:
<audio src="./目标音频.mp3" controls autoplay loop></audio>
➢ 常见属性:
➢ 注意点:
• 音频标签目前支持三种格式:MP3、Wav、Ogg
2.1.1视频标签
➢ 场景:在页面中插入视频
➢ 代码:
<video src="" controls autopaly loop ></video>
注:谷歌浏览器可以自动播放,但是需要加muted
➢ 常见属性:
➢ 注意点:
• 视频标签目前支持三种格式:MP4 、WebM 、Ogg
链接标签
➢ 场景:点击之后,从一个页面跳转到另一个页面
➢ 称呼: a标签、超链接、锚链接
➢ 代码:
<a href=“目标链接.html”>显示文字</a>
➢ 特点:
• 双标签,内部可以包裹内容
• 如果需要a标签点击之后去指定页面,需要设置a标签的href属性
➢ 显示特点:
• a标签默认文字有下划线
• a标签从未点击过,默认文字显示蓝色
• a标签点击过之后,文字显示为紫色(清除浏览器历史记录可恢复蓝色)
当开发初期,还不知道跳转链接时,href的值填写#(空链接)
2.1.1链接标签的href的属性
➢ 属性名:href
➢ 属性值:点击之后跳转去哪一个网页(目标网页的路径)
• 外部链接:
<a href="https://baidu.com">外部链接</a>
• 内部链接:
<a href="./目标网页.html">内部链接<>
2.2.1链接标签的target属性
➢ 属性名:target
➢ 属性值:目标网页的打开形式
代码:
<a href="https://baidu.com" traget="_blank">新窗口打开<>
版权声明:
作者:zhuim521
链接:https://zhuimwl.com/26.html
来源:追梦网络
文章版权归作者所有,未经允许请勿转载。
THE END
0
二维码
海报
HTML基础知识(6)
媒体标签
1.1.1音频标签
➢ 场景:在页面中插入音频
➢ 代码:
<audio src="./目标音频.mp3" controls autoplay loop></audio>
➢ 常见属性:
➢ 注……

共有 0 条评论