html css——多媒体元素

最新推荐文章于 2024-07-25 11:26:35 发布
最新推荐文章于 2024-07-25 11:26:35 发布
阅读量99 收藏
点赞数
分类专栏： 前端入门学习 文章标签： html css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/coising/article/details/122438002
版权

d多媒体元素

video 视频

controls:控制控件的显示，取值只能是controls
某些属性，只有两种状态：1不写 2取值为属性名，这种属性叫布尔属性

布尔属性，在HTML5中，可以不用书写属性值

autoplay：表示自动播放，布尔属性

audio 视频

和video一样

兼容性

1.旧版本的浏览器不支持这两个元素
2.不同版本支持的格式可能不一致

video里加子元素source 写src两种格式

33的史努比
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML：多媒体元素
雷爷的博客
08-27 1601
多媒体元素 video 视频 audio 音频 video controls: 控制控件的显示，取值只能为controls 某些属性，只有两种状态：1. 不写 2. 取值为属性名，这种属性叫做布尔属性 布尔属性，在HTML5中，可以不用书写属性值 autoplay: 布尔属性，自动播放。 muted: 布尔属性，静音播放。 loop: 布尔属性，循环播放 <!DOCTYPE html&g...
HTML5+CSS3期末大作业——城市简介源码
05-05
在这个“HTML5+CSS3期末大作业——城市简介源码”项目中，学生或开发者将有机会实践这两门技术，构建一个介绍特定城市的网页。 HTML5作为最新的超文本标记语言版本，引入了许多新特性，旨在提高网页的交互性和可用...
HTML+CSS＜媒体元素＞
m0_61367139的博客
06-22 364
平台：VSCODE 【】图片元素：img(image----空元素) 基本属性： 1、src属性(source)：表示图片的来源地址 2、alt属性：当图片因为某种原因失效无法显示时，将使用该属性的属性值来进行替换（当图片可显示时，此属性无效） 图片元素的联用： 1、与a元素联用：点击图片便可以跳转到指定网页 2、与map元素联用： (1)map元素以name属性来定义一个位于图片上的锚点，通过锚点来进行网页跳转。 (2)area子元素（map所指定的区域），属性shape拥有三个属性值，
CSS插入音视频，过渡，变形，动画效果
TangJing_的博客
06-18 5571
一、 多媒体技术：在html5页面中嵌入视频、音频文件 1、视频标签：<video src="视频文件路径" controls="controls"></video> controls属性的取值： (1)autoplay：自动播放。即页面加载完成后视频文件就开始播放。默认值 (2)loop：循环播放。视频播放结束后重新开始播放 (3)prelo...
CSS进阶之移动端适配 (四)：媒体查询、CSS常见单位、深入理解pixel、DPR、PPI、浏览器视口Viewport、移动端适配rem方案、移动端适配vw方案
Good Good Study,Day Day Up!
06-06 9213
是一种提供给开发者针对不同设备需求进行定制化开发的一个接口。可以让我们根据设备的类型（比如：屏幕设备、打印机设备）或者特定的特性（比如屏幕的宽度）来修改页面@media@importurlmedia属性, , 和其他HTML元素指定特定的媒体类型。
CSS学习30：多媒体标签（视频&音频）
玉安_ZhangDe的博客
04-10 3359
视频标签- video 使用语法： <!-- 第一种写法 目前用的越来越多 --> <video src="./media/mi.mp4" autoplay="autoplay" muted controls width="100%" loop poster="./images/pink.jpg"></video> 注意，该标签不兼容ie9以下的浏览器 ，且在谷歌浏览器里自动播放视频，视频得默认静音(muted) 常用属性： 兼容写法 &l.
HTML-列表、表格和媒体元素（详）
南劲竹的博客
08-22 690
什么是列表？       列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息 列表的分类     无序列表的特性&lt;ul&gt;               ·没有顺序，每个&lt;li&gt;标签独占一行（块元素）               ·默认&lt;li&gt;标签项前面有个实心小圆点。            ...
HTML+CSS大作业——vivo官方商城
07-08
【HTML+CSS大作业——vivo官方商城】这个项目是一个基于HTML和CSS技术构建的模拟vivo官方网站的页面设计。这个任务旨在让学生掌握基础的网页布局、元素样式控制以及响应式设计等关键技能。 HTML（HyperText Markup ...
Html——粒子爆发（追光者）.zip
09-26
HTML5是超文本标记语言的最新版本，它的主要改进在于增加了新的元素、API和多媒体支持。在这个特效中，HTML5可能被用来定义页面结构和引入外部资源，如JavaScript文件和CSS样式表。 接着，CSS3是层叠样式表的第三版...
排球少年HTML+CSS+JS精美页面非常好看
06-07
在本项目中，“排球少年HTML+CSS+JS精美页面”是一个使用了前端三大核心技术——HTML、CSS和JavaScript构建的网站示例。这个项目展示了一组高质量、视觉吸引力强的网页设计，适合用于期末作业或者设计比赛。接下来，...
css有哪些媒体类型,CSS媒体类型
weixin_33677704的博客
08-04 552
媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。@media 规则@media 规则允许在相同样式表为不同媒体设置不同的样式。其他媒体类型注意：媒体类型名称不区分大小写。媒体类型 描述all 用于所有的媒体设备。aural 用于语音和音频合成器。braille 用于盲人用点字法触觉回馈设备。embossed 用于分页的盲人...
HTML5实战与剖析之媒体元素(2、媒体元素的属性)
梦龙小站
04-18 3222
提到HTML5中的媒体元素，那咱们可有的聊了，刚刚介绍完媒体元素的用法与简介，还没介绍有关媒体元素的相关属性呢，所以今天就为大家介绍一些有关HTML5中媒体元素的相关属性。
CSS媒体查询
weixin_39676449的博客
05-03 1017
一.CSS媒体查询概念： 1.css媒体查询允许我们基于浏览器网站的设备的特性来应用不用的样式申明，比如通过视口的宽度 2.操作方式： 对设备提出询问（称作表达式）开始，如果表达式结果为真，媒体查询中的CSS被应用， 如果表达式结果为假，媒体查询内的CSS将被忽略 3.常用名词： （1）@media： 以@media开头来表示这是一条媒体查询语句，紧跟在@media后面的是一个或多个表达式，可以判...
CSS3 媒体查询（media）与 Viewport
若水弹丸之地
09-18 1403
使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 一、语法 1、样式表中的CSS媒体查询 @media mediatype and|not|only (media feature) { ····················· } &amp;lt;!-- 例子 --&amp;gt; @media (max-width: 600px) { #header {display: n...
CSS3媒体查询
小郑的博客
01-23 5548
所谓的媒体查询就是指，不同的条件使用不同的样式或样式集合。 写在前面，注意的几个问题： 1.device-width 和 width的区别： device-width表示的是设备的宽度，即屏幕的宽度。width所代表的是文档宽度，与屏幕大小没有关系，如果是在移动设备上，width表示的是布局视口的宽度。 2.必要的空格。 //空格是有必要的，在某些情况下该样式永远不起作用。 link
Web前端：HTML篇（一）
sjb2274540432的博客
07-22 1061
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
html实现酷炫美观的可视化大屏(十种风格示例，附源码)
最新发布
xcLeigh
07-25 2343
html实现酷炫美观的可视化大屏(十种风格示例，附源码)，大屏源码，可视化大屏模板源码，html可视化大屏源码下载，内含十种不同风格的大屏可视化代码，详细的讲解，酷炫的线条，美观的设计，让图文图表结合的更融洽。兼容各种大屏，调整页面到合适的分辨率，F12全屏观看。各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
Html在图片上划一个矩形区域，并且获取区域坐标
zxb11c的博客
07-25 206
【代码】Html在图片上划一个矩形区域，并且获取区域坐标。
HTML常见标签——超链接a标签
weixin_64294248的博客
07-23 707
a>标签用于做跳转、导航，是双标签，记作，它是行内标签，不可以直接设置宽度高度，特殊的是，作为行内标签，它可以嵌套文本、行内元素、块级元素。
HTML+CSS标签参考手册：网页制作实用指南
这本《即用即查——HTML+CSS标签参考手册》是由李刚编著的一本针对网络开发者的实用指南，旨在帮助读者快速掌握HTML和CSS的核心技术和应用。该书特别强调实用性，适合初学者和有一定经验的Web开发人员，同时也适合大...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值