HTML-媒体标记

简介:

指定播放文件地址
src 地址 type 视频类型
width高 属性
height宽 属性
autoplay 自动播放 属性
loop 循环次数 属性
controls 控制面板显示出来 属性
src 也可以自己制定播放路径 属性

<html>
 
  <head>
   <meta charset="utf-8" />
   <title></title>
  </head>
 
  <body>
   <video src="video/gq.mp4" width="350" height="300" autoplay loop="3" controls>
     <source src="video/gq.mp4" type="video/mp4"></source>
     <source src="video/gq.mp4" type="video/mp3"></source>
     
   </video>
  </body>
 
</html>

指定播放文件地址 src 地址 type 视频类型
autoplay 自动播放 属性
loop 循环次数 属性
controls 控制面板显示出来 属性
src 也可以自己制定播放路径 属性

<html>
 
  <head>
   <meta charset="utf-8" />
   <title></title>
  </head>
 
  <body>
   <audio autoplay controls>
     <source src="audio/huohua.mp3" type="audio/mp3"></source>
   </audio>
   
  </body>
 
</html>
<img>照片标记

src 属性
width 属性
height 属性
alt 在你的照片显示加载失败的时候显示 属性
align 布局属性,设置向左后文字可以绕着照片显示 属性
vspace 上下间隙 属性
hspace 左右间隙 属性
flash插件引入 属性设置和一样

目录
相关文章
|
4月前
|
数据可视化 前端开发
HTML基础结构和常用标记的例子
HTML基础结构和常用标记的例子
31 0
|
4月前
|
数据安全/隐私保护
7.常用的HTML标记
7.常用的HTML标记
36 0
|
23天前
|
移动开发 HTML5
HTML5文档头部相关标记
【8月更文挑战第28天】HTML5文档头部相关标记。
22 1
|
23天前
HTML标记 和标记的属性
【8月更文挑战第28天】HTML标记 和标记的属性。
24 1
|
4月前
|
编解码 前端开发 UED
【专栏:HTML 与 CSS 移动端开发篇】CSS 媒体查询与移动端特定样式
【4月更文挑战第30天】CSS媒体查询在移动端开发中至关重要,它基于设备特性(如屏幕尺寸、分辨率、方向)应用特定样式,实现响应式设计。通过`@media`规则定义条件,如`(max-width: 600px)`,当屏幕宽度小于或等于600px时应用相应样式。常见条件包括屏幕宽度、高度、方向和分辨率。媒体查询可用于响应式布局、导航菜单优化、图片加载及字体调整。在实践中,需注意保持查询简洁,充分测试,渐进增强,并提前规划。掌握媒体查询能提升移动端用户体验,创造更优秀的网页设计。
153 3
|
4月前
|
内存技术
HTML 媒体
HTML 媒体
43 0
N..
|
4月前
HTML常用标记
HTML常用标记
N..
33 1
|
4月前
|
移动开发 HTML5
HTML5文档头部相关标记
【2月更文挑战第9天】HTML5文档头部相关标记。
25 1
|
4月前
HTML列表、表格和媒体元素
HTML列表、表格和媒体元素
|
编解码 前端开发 iOS开发
HTML&CSS Day09 CSS媒体查询
HTML&CSS Day09 CSS媒体查询
75 0