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">新窗口打开<>