零基础HTML入门教程(12)——插入音频audio标签
本章目录
- 1.任务目标
- 2.audio标签
- 3.任务实操
- 4.小结
1.任务目标
我们前几个小结学习了,插入图片,或者插入超链接,那我们这一小结学习一下插入音频audio标签
2.audio标签
直到现在,仍然不存在一项旨在网页上播放音频的标准。
今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。
HTML5 规定了一种通过 audio 元素来包含音频的标准方法。
audio 元素能够播放声音文件或者音频流。
3.任务实操
代码演示
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><!-- 插入音频,src是音频路径 --><audio src="./20221206_170743.m4a" controls></audio>
</body></html>
效果如下
4.小结
我们可以看到使用这个标签后,我们可以页面上面看到一个音频,并且是可以播放的,我们要熟练合理使用这个标签,是为以后网页开发必不可少的因素。
零基础HTML入门教程(12)——插入音频audio标签相关推荐
- 零基础HTML入门教程(13)——插入视频video标签
本章目录 1.任务目标 2.video标签 3.代码演示 4.小结 1.任务目标 我们前几小结学习了,插入图片插入音频等,我们这一小结学习一下,插入视频标签video并熟练使用. 2.video标签 ...
- 零基础Bootstrap入门教程(0)--教程背景与目录
点此查看 所有教程.项目.源码导航 本文目录 1. 背景 2. 教程目录 3. 源码下载 1. 背景 在学习完成HTML/CSS/JS/jQuery零基础入门教程后,自然而然我们要进入Bootstra ...
- 零基础SSM入门教程(0)--教程背景与目录
点此查看 零基础JavaWeb全栈文章目录及源码下载 1. 背景 本教程的出发点是写一个比较条理,比较全面的SSM系列教程,首先造福自己.理顺自己的知识体系,然后也造福大众,因为网上现存的资源相对比较 ...
- 【PR】零基础快速入门教程
[PR]零基础快速入门教程 PR(Premiere)能做什么? PR欢迎界面及新建项目 工作区及窗口说明 导入文件 建立序列 视频剪辑 添加字幕 导出视频 使用软件:Premiere2020 新年卷起 ...
- 取得数组下标_《零基础C++入门教程》——(8)搞定二维数组与循环嵌套
一.学习目标 了解二维数组的使用方法 了解循环嵌套的使用方法 目录 预备第一篇,使用软件介绍在这一篇,C++与C使用的软件是一样的,查看这篇即可:<零基础看得懂的C语言入门教程>--(二) ...
- sql数据库教程百度云_【推荐】零基础水彩画入门教程|零基础水彩教程百度云...
零基础水彩画入门教程|零基础水彩教程百度云! 照着教程画却总是画不好,这些水彩技法你真的学会了吗? 盲目地照着葫芦画瓢,不懂控制确实很难学会,可以关注一下公众号:每日学绘画,可以领取水彩电子书和全套视 ...
- 零基础CSS入门教程(1)–初识CSS
点此查看 所有教程.项目.源码导航 本文目录 1. 前言 2. HTML与CSS区别 3. CSS有哪些功能 4. 如何学习CSS 1. 前言 学习CSS是离不开HTML的,HTML是CSS的基础,如 ...
- 零基础JavaScript入门教程(1)–走进JavaScript的世界
点此查看 所有教程.项目.源码导航 本文目录 1. 前言 2. JS的历史 3. JS的地位 4. JS与HTML.CSS的区别 5. JS是真正的编程语言 6. JS的组成部分 7. 小结 1. 前 ...
- 零基础GitHub入门教程
最近Github很火,暑期的时候也注册了一个账号,可是其实一直没用.主要呢,是不知道那到底干什么用.现在要照着自己的学习记录一个像我这种完全零基础的人的入门教程. 首先,让我们先知道GitHub到底是 ...
最新文章
- Java计时器Timer和TimerTask用法总结(源码)
- CTFshow php特性 web150
- 回馈粉丝,包邮送一台全新iPad
- mysql三:表操作
- 丰田pcs可以关闭吗_别只知道开不坏,现在的丰田还有这些厉害绝招!
- mysql查看binlog_MySQL的binlog数据如何查看
- 人工智能规模化落地还有哪些坑?阿里副总裁华先胜连麦详解!
- 3dm下载的都是linux游戏,3DM的游戏怎么下载和安装(没智商的小白用户)
- 唐宇迪 python 的免费课程 分享
- 二舅治好我的精神内耗,也让我火出了B站
- iOS 的 (签名验签)Code Signing 体系
- 华为云-软件产品案例分析
- JavaWeb项目部署服务器并配置ssl证书教程
- 抖音修改签名服务器,抖音怎么修改个性签名 抖音经典热门个签句子大全
- Oracle安装提示无效条目,oracle NET 无效条目,要求有效的“服务名”
- Java开源生鲜电商平台-Java分布式以及负载均衡架构与设计详解(源码可下载)
- ormlite android jar,android使用orm框架ormlite在控制台打印log日志信息
- 全连接神经网络(FCNN)
- ios 黑魔法 解决问题
- 利用Ubuntu的U盘安装盘安装build-essential
热门文章
- 《Background Matting:The World is Your Green Screen》论文笔记
- pd.to_excel()中关于pd数据到excel中行列设置规则总结
- 室外3D雷达地图构建流程
- 苹果6s正式销售,国内多渠道可购买
- 名帖390 徐渭 草书《草书帖选》
- 干货100+ 最超全的web开发工具和资源大集合
- Matlba绘制Logistic函数特殊形式的sigmoid函数图像(含程序)
- 关于文件访问无权限,无法枚举容器内对象,访问被拒绝等问题的傻瓜式解决办法,超级简单,小白必看!
- XenServer7.6虚拟化服务器安装教程
- 数据库连接池原理详解与自定义连接池实现