600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 前端开发HTML-图片 音频等媒体标签 超链接标签

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

时间:2020-10-16 18:31:05

相关推荐

前端开发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:目标网页的打开形式

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。