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插件引入 属性设置和一样

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