学习博客：【HTML】媒体元素及页面结构

最新推荐文章于 2024-05-31 16:44:20 发布
最新推荐文章于 2024-05-31 16:44:20 发布
阅读量269 收藏
点赞数
分类专栏： 前端 # HTML 文章标签： 学习 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Aurinko324/article/details/123830367
版权

媒体元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>媒体元素学习</title>
</head>
<body>

<!--音频-->
<!--<audio src="../resources/audio/王靖雯 - 善变.mp3" controls="controls" autoplay="autoplay"></audio>-->

<!--视频-->
<video src="../resources/video/李荣浩-脱胎换骨(蓝光).mp4" controls="controls" autoplay="autoplay"></video>

</body>
</html>

在这里插入图片描述
在这里插入图片描述
页面结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面结构</title>
</head>
<body>
<header>
    <h2>网页头部</h2>
</header>

<section>
    <h2>网页主体</h2>
</section>

<footer>
    <h2>网页脚部</h2>
</footer>

</body>
</html>

在这里插入图片描述

「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈HTML5新增及移除的元素
12-14
为了更好的处理现在的互联网应用，HTML5新增了图形绘制、多媒体播放、页面结构、应用程序存储、网络工作等新元素。 图形绘制新元素 标签 描述 标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的...
媒体查询在html中怎么写,CSS3 - 使用媒体查询（media query）适配布局
weixin_39757265的博客
05-31 1677
1，媒体查询的作用@media (media-feature-name: value) {/* 符合条件时应用的样式 */}上面是媒体查询的基本结构，根据查看网页的设备的某些重要信息(比如屏幕大小、分辨率、颜色位深等)，页面可以分别应用不同的样式甚至替换整个样式表。如果浏览器当前的条件与圆括号中的条件匹配，它就会采用花括号中的那些样式。如果不匹配，浏览器会忽略这些样式。注意：浏览器始终会采用位于@...
媒体查询的使用
li_chun_can的博客
08-19 3173
定义 媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有width 、 height 和 color （等）。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。 媒体查询与弹性盒布局的适用情况 媒体查询：当页面的结构发生变化的话最好使用媒体查询。 弹性盒：如果只是宽高的变化，尽量使用弹性盒。 使用方法 <!-- link元
HTML5 实战PHP之Web页面表单设计
12-14
HTML5在页面结构，多媒体处理等多方面都与以往的HTML有很大的不同。在本教程中，将带领大家使用HTML5，CSS3及PHP实际设计一个符合HTML5标准的简单的表单提交网页，读者可以从中学习到HTML5 新的表单页面的基本元素。...
html登录注册页面，登录和注册页面的实现HTML，CSS，JS
03-15
1. HTML结构: - 使用语义化的HTML标签构建页面框架,如`<header>`、`<main>`、`<footer>`等。 - 为登录和注册表单创建`<form>`元素,并设置适当的`action`和`method`属性。 - 使用`<input>`元素创建用户名、密码、...
HTML5多媒体开发指南
02-01
现在开发人员可以在...●　使用新的语义布局标记开发结构优良的页面 ●　使用新的表单对象为Web表单添加功能 ●　学习新的CSS 3属性和增强功能 ●　使用可编辑内容和离线文件功能 ●　使用JavaScript和其他Web技术
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1074
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
学习整理 docker
wonder_dog的博客
05-31 96
nexus。
强化学习——学习笔记3
qq_52302919的博客
05-29 1254
先上图：在上述流程图中所说的Q表即为下表：假设我们在玩一个小游戏，该游戏有上下左右不同的动作，同时也会有不同的状态，比如游戏结束等。Q表也可以称为状态-价值函数QsaQ(s,a)Qsa：这个表格的每一行代表每个 state上述例子中的游戏结束等，每一列代表每个 action上述例子中的上下左右，表格的数值就是在各个 state 下采取各个 action 时能够获得的最大的未来期望奖励。
oracle中的INTERVAL函数学习总结
weixin_42821740的博客
05-30 335
简单学懂interval函数
超大功率光伏并网逆变器学习(三相)
我的博客
05-31 188
1.超大功率用的IGBT开关频率通常很低,比如6KHz。2.线电压和相电压的关系。
前端技术入门学习：探索数字世界的奇幻之旅
qwertyhn_0024的博客
05-27 208
HTML定义了网页的结构和内容，CSS负责样式和布局，而JavaScript则实现了网页的交互功能。对于初学者来说，前端技术既是一个充满魅力的新世界，也是一个充满挑战与困惑的领域。本文将引导您从四个方面、五个方面、六个方面和七个方面深入理解前端技术，开启您的学习之旅。在这个过程中，我们需要不断探索、学习和实践，才能逐步掌握这门技艺的精髓。同时，我们也需要保持敏锐的洞察力和开放的心态，不断适应和应对前端技术领域的变化和发展。同时，随着人工智能、大数据等新技术的不断涌现，前端技术也将面临更多的挑战和机遇。
柳州市哪里有学编程的最好：探索编程学习的最佳选择
liyrbtqe_66w的博客
05-30 285
然而，面对市场上琳琅满目的编程培训机构，如何选择最适合自己的学习场所，却成为了一个令人困惑的难题。本文将从四个方面、五个方面、六个方面和七个方面，深入剖析柳州市编程学习的最佳选择，帮助您在众多选项中找到最适合自己的编程学习之路。这包括线上的课程平台、线下的培训机构以及高校的相关专业等。柳州市的编程学习机构各具特色，有的注重实战项目经验，有的强调基础理论学习，还有的则提供个性化的定制课程。通过深入了解各机构的特色与优势，并结合自身的需求和兴趣进行选择，相信您一定能在柳州市找到最佳的编程学习之路。
强化学习——学习笔记
qq_52302919的博客
05-27 1235
强化学习问题通常可以建模为一个马尔可夫决策过程，包括以下几个要素：1、状态集合 (State Set)：S；2、动作集合 (Action Set)：A；Ps′∣saPs′∣sa，描述在状态s下执行动作a后转移到状态s′s^′s′的概率；Rsas′Rsas′，描述在状态s 下执行动作a并转移到状态s′后获得的奖励。πa∣sπ (a∣s)πa∣s，描述智能体在状态s下选择动作a 的概率。
视觉语言大模型llava学习
csuzhaoqinghui的博客
05-31 241
ViLBERT（Vision-and-Language BERT）是一个专为处理视觉和语言信息而设计的模型，通过双流结构分别处理图像和文本输入，然后在顶层通过共注意力机制（Co-Attention）将两种信息结合起来。与ViLBERT类似，它使用单一的Transformer模型来同时处理视觉和语言信息，通过将图像的区域特征与相应的文字描述一起编码，实现了对图像和文本的联合理解。视觉语言模型的不断发展正在推动人工智能领域向更高层次的理解和创造能力迈进，为创建更智能、更互动的系统打开新的可能性。
FFMPEG学习笔记(一): 提取视频的纯音频及无声视频
源的博客
05-27 307
c:a libmp3lame：指定音频编解码器为 libmp3lame，这是 FFmpeg 中用于编码 MP3 文件的编解码器。output.mp4：指定输出文件，这里是 output.mp4，将会是一个没有音频的视频文件。output.mp3：指定输出文件名，这里 output.mp3 将会是提取出的音频文件。-i input.mp4：指定输入文件，input.mp4 是你的视频文件。-an：-an 是 -audio 的简写，后面不跟参数表示禁用音频。-vn：表示禁用视频，只提取音频。
开利网络参加广州数据交易所学习活动
KLWL_2022的博客
05-31 70
学习内容提现了数字时代企业数字化转型的核之心“发掘数据价值，驱动高速发展”，交易中心组织大家学习如何紧跟国家政策、把握数据资产发展趋势、用好企业数据、做到数据资产增值！开利网络做为南沙广州数据交易所的会员参加了由“广东三会”组织的“数据资产”相关学习活动。（下图为开利董事长付立军先生在签到）4. 基础性：在数字经济时代，成为重要的基础资源，对推动科技创新、经济发展、提升管理效率等方面都有着关键作用。数据要素的合理开发、利用和流通，对于促进产业升级、提升企业竞争力、推动经济高质量发展具有重要意义。
TH方程学习（4）
weixin_57997461的博客
05-31 157
在本节将会对TH方程打包成一个函数，通过输入目标星的轨道要素，追踪星在目标星VVLH坐标系下的相对位置和速度，以及预报的时间，得到预报时刻追踪星在VVLH坐标系下的位置和速度，以及整个状态转移矩阵。其中 STKVVLh,STKVVLh2的数据通过STK计算得到的VVLH坐标系，其数据在作者的数据包里可以免费下载，最后得到四个图。合并（1）（2），得到归一化形式的XZ方向的状态转移矩阵。，（3），得到归一化形式的Y方向的状态转移矩阵。根据归一化，可以写成的矩阵形式如下所示。所以合并后的形式可以写为。
EVO轨迹评估工具基本使用教程(学习记录)
最新发布
weixin_66706867的博客
05-31 434
EVO轨迹评估工具基本使用教程(学习记录)
做一个简单的页面，包含图像、H5新增的结构元素、音频、视频。 （Web学习网站： ① 页面代码：包含图像、H5新增的结构元素、音频、视频相关的标签及属性。 ② 页面显示：图文混排、常用特殊字符标签、H5新增的结构元素、多媒体嵌入相关的知识总结及实验过程中体会及总结 ）
05-31
这些元素可以更好地描述页面的结构，使得搜索引擎更容易理解页面内容。此外，HTML5还新增了一些多媒体相关的标签，如 `audio`、 `video` 等。 您可以通过以下代码向页面中添加音频和视频： ```html ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值