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
分享
二维码
海报
HTML基础知识(6)
媒体标签 1.1.1音频标签 ➢ 场景:在页面中插入音频 ➢ 代码: <audio src="./目标音频.mp3" controls autoplay loop></audio> ➢ 常见属性: ➢ 注……
<<上一篇
下一篇>>