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 | 在新窗口中跳转(保留原网页) |