html第二天

<html>
 <head>
  <title>坚强姐威武霸气</title>
  <!--<meta http-equiv="refresh" content="5;url=http://www.baidu.com">   <!--五秒之后自动跳转到百度-->
 </head>
 <body bgcolor="pink" color="black">
  <form>                              <!--关于选择时间的表单-->
   选择年月日:<input type="data"/><br/>
   选择年周:<input type="week"/><br/>
   选择年月:<input type="month"/><br/>
   选择时间:<input type="time"/><br/>
   选择时间日期:<input type="datetime"/><br/>
   选择本地时间:<input type="datetime-local"><br/>
  </form>
  
  <form>                             <!--关于选择数字的表单-->
   请输入0-100之间的数:<input type="number" name="数字" min="1" max="100" step="1"/><br/>  <!--step表示数字间隔 如设为2 则只能是2、4、6这样的数-->
  </form>
  
  <form>                             <!--关于选择颜色的表单-->
   请选择颜色:<input type="color" name="选择颜色"/>
   <input type="submit"/>
  </form>
  
  <!--controls属性设置是否为视频添加浏览器自带的播放控制条,如果引用该属性,在控制条中能够向用户显示播放按钮、播放进度和播放音量等控件。-->
  <!--如果设置preload属性,则在页面加载时就加载视频,并准备播放。该属性有三个可选择的值:auto、meta与none。默认值为auto。
  auto:表示当页面加载后加入整个视频。 meta:表示当页面加载后只加载媒体的元数据。 none:当页面加载后不载入视频。-->
  <!--autoplay  如果出现该属性,则视频在就绪后马上播放。-->
  <video src="视频路径" controls="controls" preload="auto" autoplay="autoplay" width="550" height="430"><!--插入视频-->
   您的浏览器不支持video元素
  </video>
  
  <video controls="controls">            <!--按source标签检测视频是否能播放(可能是视频格式不支持 视频不存在等)-->
   <source src="路径" type="video/ogg">
   <source src=“rabit.mp4” type=“video/mp4”>
   <source src=“rabit.webm” type=“video/webm”>
   您的浏览器不支持video元素
  </video>
  
  <embed src="视频路径" width="550" height="430"></embed>                            <!--插入视频-->
  
  <audio src="media/mysong.mp3" controls="controls" autoplay="audio">                <!--插入音频-->
  <p>您的浏览器不支持audio元素</p>
  
  <embed src="动画路径" width="500" height="410"></embed>                            <!--插入flash动画-->
  
  
 </body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值