图片标签和多媒体标签的使用

[img]标签是用来定义图片的标签。
[img src="" alt="" title=""]
src：代表source，填写的是要放入图片的路径。
alt：代表alter，是用来放置当图片无法正常显示时替换的文本。
title：当鼠标（光标）悬停在图片上时，指针右下角提示的内容。

多媒体标签
embed：可用来插入各种媒体
[embed src=""]
src：代表source，用来放入文件的路径

属性设置
自动播放(autostart)：
[embed src="" autostart=true] 文件在加载完后自动播放
[embed src="" autostart=false] 文件在加载完后不自动播放

循环播放(loop)：
[embed src="" autostart=true loop=2]
当loop数值为2时，表示该文件循环播放两次。loop为正整数时，循环的次数与正整数的值相同
[embed src="" autostart=true loop=true]
当loop为true时，文件循环
[embed src="" autostart=true loop=false]
当loop为false时，文件不循环

面板显示：
[embed src="" hidden=“true”] 隐藏面板
[embed src="" hidden=“false”] 显示面板

开始时间：
[embed src="" starttime=“00:10”]
规定文件从第十秒的时间播放。
starttime=mm：ss（分：秒）
如果开始时间未定义的话，则从头开始播放文件

音量大小（volume）：
规定文件播放时音量大小。未定义则使用系统本身的设定
volume=“0” 是最大值，使用负值使音量变小

容器属性：
height：控制面板的高度
width：控制面板的宽度

外观设置：
controls=console、smallconsole、playbutton、pausebutton、stopbutton
console：一般正常面板这是默认。
smallconsole：较小的面板
playbutton：只显示播放按钮
pausebutton：只显示暂停按钮
stopbutton：只显示停止按钮
volumelever：只显示音量调节按钮

对象名称：
name=# #为对象的名称，给对象取名，便于其他对象使用

说明文字（title）：
title="" 其中填入对该文件的说明文本

前景色背景色：
palette=color|color
表示嵌入的文件的前景色和背景色，第一个为前景色，第二个为背景色，中间用|隔开。color可以是颜色的名称或者rgb，还可以是transparent（透明）

对齐方式：
align=top、bottom、center、baseline、left、right、texttop、middle、absmiddle、absbottom
控制面板和当前行的对象的对齐方式
top：控制面板的顶部和当前行中的最高对象的顶部对齐
bottom：控制面板的底部与当前行中的对象的基线对齐
center：控制面板居中
baseline：控制面板的底部和文本的基线对齐
left：控制面板居左
right：控制面板居右
texttop：控制面板的顶部与当前行的最高的文字顶部对齐
middle：控制面板的中间与当前行的基线对齐
absmiddle：控制面板的中间与当前文本或对象的中间对齐
absbottom：控制面板的底部与文字的底部对齐

video 标签
[video src=""] [/video]
src: 填写视频文件的路径
autoplay：当出现时，视频自动播放
controls：出现该属性时，向用户显示控件
width：设置宽度
height：设置高度
loop：循环播放

audio 标签
[audio src=""][/audio]
src: 填写视频文件的路径
autoplay：当出现时，视频自动播放
controls：出现该属性时，向用户显示控件
loop：循环播放

图片标签和多媒体标签的使用相关推荐

【04】HTML5+CSS3：01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换
文章目录 HTML5 第一天一.什么是 `HTML5` 二.`HTML5 ` 新增标签三.多媒体音频标签四.多媒体视频标签五.新增 input 标签六.新增表单属性七.`CSS3 ` 属性 ...
（九）HTML5+CSS3新特性：语义标签、多媒体标签、表单、新增选择器、盒子模型、模糊、calc函数、过渡
本文仅用作学习记录,学习视频为B站的pink老师文章目录 HTML5的新特性 HTML5新增的语义化标签 HTML5新增的多媒体标签 HTML5新增的input表单 HTML5新增的表单属性 CSS ...
HTML5中各种标签总结（多媒体标签）
一.图片标签:<img /> src属性:引入图片的位置本地图片网络图片 width:设置宽度 height:设置高度 title:鼠标悬浮在图片上的时候的提示语,默认情况下(没有设置 ...
html中的文本格式化标签+多媒体标签+关于IE浏览器兼容的问题（干货！）
https://blog.csdn.net/hanhanwanghaha宝藏女孩欢迎您的关注! 欢迎关注微信公众号:宝藏女孩的成长日记让这个可爱的宝藏女孩在努力的道路上与你一起同行! 如有转载,请 ...
CSS中的长度单位和HTML5中多媒体标签的使用
CSS中的长度单位和HTML5中多媒体标签的使用第一部分.长度单位 1.基本长度单位 2.长度单位的换算第二部分.vw.vh.vmin.vmax 1.vw.vh.vmin.vmax的含义 2.vw ...
python随机排列图片_python 随机打乱图片和对应的标签方法
如下所示: # -*- coding: utf-8 -*- import os import numpy as np import pandas as pd import h5py import py ...
06HTML基础--多媒体标签
video标签作用: 播放视频格式1: <video src=""> </video> video标签的属性 src: 告诉video标签需要播放的视频 ...
html 图片行内剧中,HTML入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)...
一.转义字符由特殊字符包裹的文本会当做标签去解析对应不换行空格对应全角空格 em是字体排印学的计量单位,相当于当前指定的点数.其占据的宽度正好是1个中文宽度,而且基本上不受字体影响. < ...
02HTML 超链接与图像标记各是什么,【HTML篇】3.HTML的图片标签、超链接标签
1.图片标签 img src:图片路径 width:设置图片的宽度,如果是单独设置,则保存图片比例进行修改,单位可以是px和% height:设置图片的高度,如果是单独设置,则保存图片比例进行修改,单 ...

图片标签和多媒体标签的使用

图片标签和多媒体标签的使用相关推荐

最新文章

热门文章