6.超链接、音频标签、视频标签

一.超链接

  在网页中,当我们的鼠标移动到一些文字时,文字会出现下划线,当我们点击时,我们会跳转到其他页面,这些文字我们称为超链接.那么我们如何在网页中添加超链接,请看:

<body>
    <a href="https://www.baidu.com/">跳转到百度</a>
</body>

中间这个<a>标签就是超链接标签,是一个双标签,那么我来解释一下:href属性值是跳转地址,我们需要填入网页的地址,或者你网盘中文件的地址,神奇吧,还可以跳转本地的网页文件.(绿老师提醒:属性与属性值,href这个就是属性名,等于号后面双引号包裹的内容为属性值,href="https://www.baidu.com/" 这一整个就是属性.)然后在标签中间打上需要成为超链接的文字.然后我们想跳转到本地网页文件我们就需要在href属性值填写用相对路径查找的网页文件,例如

<body>
    <a href="./1.标签的写法.html" target="_blank">跳转到1.标签的写法</a>
</body>

还有呢,超链接默认打开方式是当前页面打开,如果我们不想这样,我们想要打开一个链接时重新打开一个窗口,那么我们就在href属性名后面,再加一个属性,target="_blank".

<body>
    <a href="https://www.baidu.com/" target="_blank">跳转到百度</a>
</body>

这样我们打开超链接时,就网页就会重新打开一个窗口.那么有人问,我就是不想跳转,我就是想放一个假的超链接,点了也没用,那么我们可以在href属性值填写#,这时候超链接就不会有跳转.

二.音频标签

  在英语考试页面那个英语听力的录音就是用到音频标签,音频标签为<audio>标签,是一个双标签,使用方式为:

<audio src="./media/music.mp3" controls loop autoplay></audio>

src属性值填写用相对路径查找的音频文件,那么后面还有三个属性,有人就会说,怎么就属性名,属性值呢,其实在html5里面,如果属性名与属性值一样,那么就写一个就好,controls属性是显示音频控制面板,loop属性是循环播放,autoplay是自动播放,不过一般网页都会禁用自动播放功能,所以一般不加这个属性.

三.视频标签

  视频标签为<video>标签,也是为双标签,用法如下

<video src="./media/vue.mp4" controls loop muted autoplay></video>

这个跟音频标签大差不差,src填写视频文件,controls显示控制面板,loop是循环播放,muted是静音播放,autoplay是自动播放,muted跟autoplay一起用就是静音自动播放.

如有错误,欢迎指出

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值