前端开发HTML-图片、音频等媒体标签，超链接标签

1. 图片标签

在网页中显示图片。

<img src="" alt="" title="" width="" height="">

特点：

• 单标签
• img标签需要展示对应的效果，需要借助标签的属性进行设置。一个标签可以有多个属性，属性之间用空格隔开，并且没有先后顺序。

标签属性

• src：目标图片的路径，该路径可以使用绝对路径，也可以使用相对路径;
• alt：替换文本。当图片加载失败，才显示alt文字；否则，不会显示alt文字
• title：提示文本。当鼠标悬停时，显示对应文本;
• width：图片宽度。
• height：图片高度。若width和height仅设置一个，则每设置的会自动等比例缩放；若两个参数都设置，如果设置不当，图片可能会变形;

2. 音频标签

在页面中插入音频。

<audio src="" controls></audio>

标签属性

• src：音频路径；
• controls：显示播放的控件；
• autoplay：自动播放(部分浏览器不支持);
• loop：循环播放;

3. 视频标签

在页面中插入视频。

<video src="" controls></video>

标签属性

• src：视频路径；
• controls：显示播放的控件；
• autoplay：自动播放(在谷歌浏览器中配合muted实现静音播放)；
• loop：循环播放;

4. 超链接标签

点击之后，从一个页面跳转到另一个页面

<a href="">超链接</a>

特点：

• 双标签
• 如果需要a标签点击之后去指定页面，需要设置a标签的href属性
• href=“#”，表示一个空链接

标签属性

• href：跳转网页的url地址
• target：目标网页的打开形式

取值	效果
_self	默认值，当前窗口中跳转(覆盖原网页)
_blank	在新窗口中跳转(保留原网页)