HTML(3)部分优化-音频+图片

在HTML中,<audio>元素用于插入音乐,允许控制播放。但当网页分享时,无网络地址的音频无法播放。同样,<img>标签导入的图片在分享时也可能因缺少网络路径而不可见。这两个元素都依赖于本地文件系统,导致在跨设备分享时遇到障碍。
摘要由CSDN通过智能技术生成

众所周知,音乐往往能营造各种各样的氛围,在网页制作中我们也能放入音乐。

要在HTML中插入音乐,可以使用<audio>元素。

<audio controls>
  <source src="音频地址" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

这个呢就是代码了,打开后能控制播放,调节进度、音量和播放速度。

但是我们不免发现一个问题,当我们做好一个网页,把它发给其他人时,由于没有地址,音频无法播放,这个时候,我们就要用另外的代码了。额,这个我们先不讲。

现在我们只是停留在表层,一些深的也不讲,目前说的都是一些通俗易懂的东西。

好了,再来说个有用的,在网页中导入图片。

<img src="图片地址">

这个代码,也有缺点,在自己电脑上能看,但是发给其他人看时,却看不到了。

我也曾抱着侥幸心理,把网页做出来后发给别人,但事实证明行不通。

这也可以理解,毕竟它这个无论时音频还是图片都是从本地获取地址的。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值