HTML常用标签-多媒体标签(图片、音频、视频)

多媒体标签

  • 1 图片标签
  • 2 音频标签
  • 3 视频标签

1 图片标签

img(重点) 图片标签,用于在页面上引入图片

  • 代码
<!-- 
src用于定义图片的连接
title用于定义鼠标悬停时显示的文字
alt用于定义图片加载失败时显示的提示文字
-->
<img src="路径"  title="悬停显示" alt="加载失败显示" />

2 音频标签

audio 用于在页面上引入一段声音

  • 代码
   <!-- src用于定义目标声音资源autoplay用于控制打开页面时是否自动播放controls用于控制是否展示控制面板loop用于控制是否进行循环播放--> <audio src="路径" autoplay="autoplay" controls="controls" loop="loop" />

3 视频标签

video 用于在页面上引入一段视频

  • 代码
<body><!-- src用于定义目标视频资源autoplay用于控制打开页面时是否自动播放controls用于控制是否展示控制面板loop用于控制是否进行循环播放--> <video src="路径" autoplay="autoplay" controls="controls" loop="loop" width="400px" />
</body>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/837672.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

考研数学|李林《880》做不动,怎么办!?看这一篇!

在考研数学的备考过程中&#xff0c;遇到难题是很常见的情况&#xff0c;尤其是当你尝试解决李林880习题集中的问题时。他以其难度和深度著称&#xff0c;旨在帮助考生深入理解数学分析的复杂概念。 如果你在解题过程中感到困难&#xff0c;这并不是你个人的问题&#xff0c;而…

办公园区建筑科技风效果(html+threejs)

办公楼科技风(Htmlthreejs) 初始化三维场景 function init() {container document.getElementById(container);camera new THREE.PerspectiveCamera(65, window.innerWidth / window.innerHeight, 0.1, 150000000);camera.position.set(550, 600, 690);scene new THREE.Sce…

【系统运维】如何查找用户账号锁定位置

【问题】AD环境下&#xff0c;经常会遇到用户账号因输错密码次数超限而被锁的情况。 如果AD环境较简单还好说&#xff0c;但如果域控很多&#xff0c;要定位用户账号被锁在哪里就有点小麻烦了&#xff0c;比如开发人员可能会频繁登录多台服务器&#xff0c;如果某台服务器缓存了…

谷歌邮箱2024最新注册教程

大家好&#xff0c;我是蓝胖子&#xff0c;今天教大家如何注册谷歌邮箱 谷歌邮箱的注册后面的用途会经常用得到 首先&#xff0c;需要魔法自行解决 第一步&#xff1a;打开谷歌官网 www.google.com 确保谷歌官网能正常打开 第二步&#xff1a;创建账号 接下来可能会遇到这…

零基础学Java第十三天之math类

Math - 数学类 1、理解 Math 类是 Java 中的一个内置类&#xff0c;它位于 java.lang 包中&#xff0c;因此无需显式导入即可使用。Math 类提供了许多用于执行基本数学运算和操作的静态方法&#xff0c;如三角函数、指数函数、对数函数、舍入函数等。由于 Math 类中的方法都是…

Day 32 shell变量及运算

一&#xff1a;变量概述 1.什么是变量 ​ 变量来源于数学&#xff0c;是计算机语言中能储存计算结果或能表示值的抽象概念 ​ 变量可以通过变量名访问&#xff0c;在指令式语言中&#xff0c;变量通常是可变的&#xff1b;在某些条件下也是不可变的 2.变量的规则 ​ 命名只…

中国的“AI四小龙”能否与OpenAI的ChatGPT一争高下?

中国的“AI 四小龙”和 OpenAI 的 ChatGPT 都在人工智能领域有一定的影响力&#xff0c;但它们在不同方面可能具有各自的优势和局限性。 中国的“AI 四小龙”指的是云从科技、商汤科技、旷视科技和依图科技。这些公司在人工智能的多个领域进行研究和开发&#xff0c;包括计算机…

kafka基础知识

kafka架构 producer -> kafka cluster(broker>topic>partition) -> consumer -> zookeeper kafka压测 kafka-producer-perf-test.sh kafka-consumer-perf-test.sh kafka日志保存位置及消息保存时间 /tpdata/client/Kafka/kafka/config/server.properties log.…

FreeRTOS 第十一章 通知

从v8.2.0版本开始&#xff0c;FreeRTOS新增了任务通知(Task Notification)功能。可以使用任务通知拉代替信号量、消息队列、事件标志等。使用任务通知效率会高些。 任务通知是一个可选的功能&#xff0c;FreeRTOS的每个任务都有一个32位的通知值。任务控制块的成员变量ulBotif…

图的表示(利用边结构描述的图来构建图结构)

#include<iostream> #include<vector> #include<map> #include<set> using namespace std;//边结构的描述 class Edge { public://边的起始节点Node from;//边的终点节点Node to;//边的权重int weight; public:Edge(Node from, Node to, int weight){t…

52岁「豹嫂」代夫尽孝送花畀奶奶被赞

歌手胡蓓蔚与「豹哥」单立文相爱28年&#xff0c;两人曾上节目分享婚姻之道&#xff0c;指婚姻最紧要有忍耐力&#xff0c;要抗拒引诱。其实除了忍耐力&#xff0c;胡蓓蔚和奶奶相处都有一套。 早前单立文带胡蓓蔚及妈妈到米芝连一星餐厅叹美食&#xff0c;庆祝奶奶89岁生日&am…

macOS Sonoma 14.5(23F79)发布

系统介绍 黑果魏叔5 月 14 日快报&#xff0c;苹果今日向 Mac 电脑用户推送了 macOS 14.5 正式版更新&#xff08;内部版本号&#xff1a;23F79 同 RC&#xff09;。这是去年 9 月发布的 macOS Sonoma 操作系统的第五次更新&#xff0c;距离上一次的 macOS Sonoma 14.4 更新已…

Mysql 隔离级别

MySQL的事务隔离级别是指在处理并发事务时&#xff0c;为保证数据的一致性和事务的独立性&#xff0c;数据库系统提供的不同级别控制策略。根据ACID特性中的隔离性&#xff08;Isolation&#xff09;&#xff0c;MySQL支持四种标准的事务隔离级别&#xff0c;每种级别有不同的并…

RustGUI学习(iced)之小部件(十):如何使用tooltip部件来制作文字提示?

前言 本专栏是学习Rust的GUI库iced的合集,将介绍iced涉及的各个小部件分别介绍,最后会汇总为一个总的程序。 iced是RustGUI中比较强大的一个,目前处于发展中(即版本可能会改变),本专栏基于版本0.12.1. 概述 这是本专栏的第十篇,主要讲述tooltip部件的使用,会结合实例来…

osdoc开源文档(最好用的手册地址,包括 Markdown 等手册)

文章目录 osdoc开源文档&#xff08;最好用的手册地址&#xff0c;包括 Markdown 等手册&#xff09;前言地址Markdown 手册地址 osdoc开源文档&#xff08;最好用的手册地址&#xff0c;包括 Markdown 等手册&#xff09; 前言 最近在看md手册&#xff0c;无意间发现这个网站…

如果你要开发一个中小学生学习数学的软件,你应该找谁去做用户调研?

&#xff08;学校作业&#xff09; 1、学生家长&#xff1a;学生家长是最清楚学生的一个群体之一&#xff0c;他们也是这个软件的潜在使用者。软件设计时可能会考虑到家长监督学生的学习情况来设计其中的功能。 2、教师&#xff1a;教师最清楚学生的学习习惯、思维方式&#xf…

AcWing166. 数独-DFS剪枝与优化

题目 思路 思考问题&#xff1a;搜索顺序->考虑剪枝搜索顺序&#xff1a;先随意选择一个空格子&#xff0c;枚举该格子可填写的数字&#xff0c;当所有格子都填完的时候&#xff0c;说明可以退出了剪枝&#xff1a; 优化搜索顺序&#xff1a;随意选择一个空格子&#xff1a…

今日总结2024.5.14

今日复习了分组背包的用法 P1064 [NOIP2006 提高组] 金明的预算方案 题目描述 金明今天很开心&#xff0c;家里购置的新房就要领钥匙了&#xff0c;新房里有一间金明自己专用的很宽敞的房间。更让他高兴的是&#xff0c;妈妈昨天对他说&#xff1a;“你的房间需要购买哪些物…

机器学习-12-sklearn案例02-集成学习

总结 参考 菜菜的sklearn课堂——随机森林 傻子都能看懂的——详解AdaBoost原理 算法使用过程 #导入数据集模块 from sklearn import datasets #分别加载iris和digits数据集 iris datasets.load_iris() #鸢尾花数据集 # print(dir(datasets)) # print(iris_dataset.keys…

76岁林子祥升级做爷爷,亲自为孙女取名

林子祥与前妻吴正元的儿子&#xff0c;现年39岁的林德信入行以来绯闻不少&#xff0c;自与圈外女友Candace拍拖后便修心养性&#xff0c;去年他已经低调与拍拖5年多Candace完婚&#xff0c;正式步入人生另一阶段。 昨日&#xff08;5月12日&#xff09;林德信借母亲节这个温馨日…