怎么用html5（怎么用html做一个百度网页）
华为云服务器特价优惠火热进行中！ 2核2G2兆仅需 38 元；4核4G3兆仅需 79 元。购买时间越长越优惠！更多配置及优惠价格请咨询客服。
合作流程： |
本篇文章给大家谈谈怎么用html5，以及怎么用html做一个百度网页对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
微信号：cloud7591如需了解更多，欢迎添加客服微信咨询。
复制微信号
本文目录一览：
如何使用html5？
1、video src="hangge.mp4" controls/video1
2，通过width和height设置视频窗口大小
video src="hangge.mp4" controls width="400" height="300"/video1
3，预加载媒体文件
设置preload不同的属性值，可以告诉浏览器应该怎样加载一个媒体文件：
（1）值为auto：让浏览器自动下载整个文件
（2）值为none：让浏览器不必预先下载文件
（3）值为metadata：让浏览器先获取视频文件开头的数据块，从而足以确定一些基本信息（比如视频的总时长，第一帧图像等）
!-- 用户点击播放才开始下载 --video src="hangge.mp4" controls preload="none"/video12
4，自动播放
（1）使用autoplay属性可以让浏览器加载完视频文件后立即播放。
video src="hangge.mp4" controls autoplay/video1
（2）如果启用自动播放，可以将播放器设置为muted状态。这样自动播放时会静音，防止用户厌烦。用户需要的话可以点击播放器扬声器图标重新打开声音。
video src="hangge.mp4" controls autoplay muted/video1
5，循环播放
使用loop属性让视频播放结束时，再从头开始播放。
video src="hangge.mp4" controls loop/video1
6，设置替换视频的图片（封面图片）
通过poster属性可以设置，浏览器在下面三种情况下会使用这个图片：
（1）视频第一帧未加载完毕
（2）把preload属性设置为none
（3）没有找到指定的视频文件
video src="hangge.mp4" controls poster="hangge.png"/video1
7，浏览器兼容，如何让每一个浏览器都能顺利播放视频
现在大部分浏览器都能支持H.264格式的视频，但Opera浏览器却一直不支持。我们需要通过后备措施保证每个人都能看到视频，通常有下面几种方案：
（1）使用多种视频格式
video和audio元素有个内置的格式后备系统。我们不使用src属性，而是在其内部嵌套一组source元素，浏览器会选择播放第一个它所支持的文件。
我们可以添加WebM格式的视频提供对Opera的支持。
video controls
source src="hangge.mp4" type="video/mp4"
source src="hangge.webm" type="video/webm"
/video1234
（2）添加Flash后备措施（推荐）
上面那个方法不推荐，应为Opera浏览器只占不到1%的份额。特意为它把视频都转码一边太费事。使用Flash作为备用播放方案还是很方便的，同时Flash还能兼容IE8这种连video元素都不支持的老浏览器。
这里使用Flowplayer Flash作为备用播放器（本地下载 ：flowplayer-3.2.18.zip）
video controls
source src="hangge.mp4" type="video/mp4"
source src="hangge.webm" type="video/webm"
object id="flowplayer" width="400" height="300"
data="flowplayer-3.2.18.swf"
type="application/x-shockwave-flash"
param name="movie" value="flowplayer-3.2.18.swf"
param name="flashvars" value='config={"clip":"hangge.mp4"}'
/object
/video1234567891011
（3）也有人优先使用Flash，而HTML5作为后备措施。
这么做是因为Flash普及率比较高，而HTML5作为后备可以扩展iPad和iPhone用户
object id="flowplayer" width="400" height="300" data="flowplayer-3.2.18.swf" type="application/x-shockwave-flash"
param name="movie" value="flowplayer-3.2.18.swf"
param name="flashvars" value='config={"clip":"hangge.mp4"}'
video controls
source src="hangge.mp4" type="video/mp4"
source src="hangge.webm" type="video/webm"
/video
/object
如何用HTML5存储用户输入的信息
我们平时进行网页开发的时候，经常使用数据库存储用户输入的信息。但是数据库安装配置比较复杂，对于一些简单的需求并不适合。下面我就给大家分享用HTML5快速存储信息的方法。
工具/材料
Sublime Text
01
首先打开Sublime Text软件，在HTML界面中我们用HTML5语言布局一些输入框供用户输入信息，如下图所示
02
接下来我们在编写查找用户输入信息的界面，如下图所示，只需要一个输入框和一个按钮即可
03
然后我们在script标签中获取用户输入的信息，并且通过localStorage对象进行本地存储，如下图所示
04
下面实现信息查找的功能编写，这里主要是通过localStorage的getItem方法进行信息获取的，如下图所示
05
然后我们通过列表的形式将HTML5存储的信息都展示出来，如下图所示
06
接下来我们运行页面程序，在输入框里面输入你要添加的数据，这里简单的输入一些测试数据，然后点击新增记录按钮即可，如下图所示
07
当我们新增记录以后，就会在列表中看到我们增加的信息了，它是以键值对的形式存储的，如下图所示
08
最后在查找输入框里面我们输入键就会得到相应的值，如下图所示
如何用HTML5制作网页
现在以HBuilder工具编写为例：
1. 打开此工具，在项目管理器中右键单击创建一个web 项目
2.右键单击项目名称，新建一个HTML文件----form01.html
!DOCTYPE html
!--
作者：offline
时间：2017-01-06
描述：form表单
在form标签中，有两个经常使用的属性
action：表单提交服务器地址
method: 表单提交的方法/方式----get/post
其他提交方式---put delete
提交方式----get（默认的提交方式）
1.请求的参数放到地址栏中
2.不安全
3.存在缓存
4.传输数据的大小收到限制
提交方式----post
1.请求的参数放到http协议中
2.相对安全---账号密码等信息不会放到地址栏中
3.没有缓存
4.传输数据的大小限制较小
修改成post之后，可能会出现错误信息。
input标签：定义输入字段，用户可在其中输入数据。
属性：
type 指示 input标签的类型，默认的是text
按钮类型： 普通按钮 button 重置按钮 Reset 提交按钮 submit
value 定义要显示的文本。
--
html
head
meta charset="utf-8"
titleform表单1/title
/head
body
form action="" method="post"
input type="text" name="username" value="zhangsan" /
input type="submit" value="提交" /
/form
/body
/html
3.查看此网页是不是HTML5，主要看表头
4.HTML5新增了很多新内容，具体可以查看API，例如：在网页中嵌套音频/视频文件的格式
关于怎么用html5和怎么用html做一个百度网页的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
