html5展示
在网页头部加上这句话 ，让网页的宽度自适应设备的宽度<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
然后把图片包括图片DIV 的宽内度设置成百分容之百即可
② html5网页显示数据库内容
首先，你提到的java Servlet是用来提供数据的，ajax是用来获取数据的。
1、后端用servlet、struts、springmvc等从数据库取数据并转换成json格式返回，前端用ajax获取这些json数据。
2、后端用servlet、struts、springmvc等从数据库取数据并将数据嵌到模板页面里，前端用jsp、freemarker之类的模板语言直接写for循环。
③ HTML5实现播放PPT的方法是什么
HTML5实现播放PPT的方法可以调用CSS样式，步骤如下；
1、调用JS插件代码：专
<script src="js/yhc.js"></script>
<script src="js/main.js" charset="utf-8"></script>
<script>impress().init();</script>
2、添属加CSS样式代码：<link href="css/qqguoji.css" rel="stylesheet" />。
3、添加HTML代码：将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码；放在<body></body>之间。
该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。请用支持HTML5+CSS3主流浏览器预览效果，兼容测试：IE11、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器
④ html5如何实现自动播放视频
HTML5 是下一代的 HTML， 提供了展示视频的标准，规定了一种通过 video 元素来包含视频的标准方法。
纯H5页面在手机端中是无法实现自动播放，移动端浏览器大部分是禁用video和audio的autoplay功能并且，很多移动浏览器也不支持首次js调用play方法进行播放（只有用户手动点播放后暂停，然后用代码进行play可以）。
这样做主要是为了防止不必要的自动播放浪费流量。
以下代码是实现用户第一次触摸后实现的播放和微信app下自动播放
XML/HTML Code复制内容到剪贴板
functionautoPlayMusic(){
/*自动播放音乐效果，解决浏览器或者APP自动播放问题*/
functionmusicInBrowserHandler(){
musicPlay(true);
document.body.removeEventListener('touchstart',musicInBrowserHandler);
}
document.body.addEventListener('touchstart',musicInBrowserHandler);
/*自动播放音乐效果，解决微信自动播放问题*/
functionmusicInWeixinHandler(){
musicPlay(true);
document.addEventListener("WeixinJSBridgeReady",function(){
musicPlay(true);
},false);
document.removeEventListener('DOMContentLoaded',musicInWeixinHandler);
}
document.addEventListener('DOMContentLoaded',musicInWeixinHandler);
}
functionmusicPlay(isPlay){
varmedia=document.getElementById('myMusic');
if(isPlay&&media.paused){
media.play();
}
if(!isPlay&&!media.paused){
media.pause();
}
}
Video有以下的属性。
height pixels 设置视频播放器的高度。
loop loop 如果出
现该属性，则当媒介文件完成播放后再次开始播放。
preload preload 如果出现该属性，则视频在页面加载时进行加载，并预备播放。
autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。
controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。
如果使用 "autoplay"，则忽略该属性。
src url 要播放的视频的 URL。
width pixels 设置视频播放器的宽度。
其中，如果想要实现自动播放，可以在Video里面加上autoplay属性就可以了。
⑤ 如何使用HTML5视频缩略图显示
使用 poster 属性 给html5视频加入缩略图 , 下面的哪里复制那么一大段不解决问题的玩意
⑥ 怎么在java项目里写一个独立的html5页面 展示java项目里的某些数据
H5开发的web APP和原生APP的区别有以下几个方面：
一、开发方面
原生App
⊙ 每一种移动操作系统都需要独立的开发项目
⊙ 每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等
⊙ 需要使用各自的软件开发包，开发工具以及各自的控件
移动Web App
⊙ 因为运行在移动设备的浏览器上，所以只需要一个开发项目
⊙ 这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成（PHP,Ruby on Rails,Python）
⊙ 这里可没有标准的SDK，基本任意选择别忘了有一些跨平台的开发工具，比如PhoneGap, Sencha Touch 2，APPcan以及Appcelerator Titanium等等。
二、能力方面
原生App
⊙ 能够与移动硬件设备的底层功能，比如个人信息，摄像头以及重力加速器等等
移动Web App
⊙ 只能使用有限的移动硬件设备功能。
⑦ html中，如何动态显示几个图片，就是从左到右依次显示5张图片
1、新建一个html文件，命名为test.html，在test.html文件内，使用img标签创建一张图片，图片是images文件夹回下面的1.jpg。
⑧ 想做一个html5页面调用后台java接口，将查询出来的数据展示在html5页面上让手机端调用，
使用jquery的 $.get()方法，详情自己网络，或者w2school去学
⑨ HTML5如何在网页中实现3D效果
CSS3除了为开发者提供二维变形之外，还将动画从二维平面推动到了三维立体状态，能够实现真正的三维特效。
三维变形和二维变形一样，均使用的是transform属性。想要触发三维变形有两种方式：一种方式是通过语法告知浏览器“请采用三维方式进行变形处理”，另一种方式是直接使用CSS3三维变形的语法。
触发方法1：告知浏览器变形方式
-webkit-transform-style:preserve-3d;
Tips：IE不支持三维变形，在移动端，绝大多数的浏览器均为WebKit内核，因此，在此句代码之前需要书写-webkit-的前缀内核。
Tips：不要为body元素设置-webkit- transform-style: preserve 3d,否则会对position:fixed定位的元素造成布局影响。在开发当中，如果当前元素属于body的子级元素，又希望应用三维变形，则在body和当前元素之间多嵌套一层结构，并为这层元素应用三维变形即可。
触发方法2：直接使用CSS3变形语法
<!DOCTYPEhtml>
<head>
<metacharset="UTF-8">
<title>言成科技/title>
<style>
.box1{
width:150px;
height:150px;
border:2pxsolidblue;
}
.box1div{
height:150px;
background:rgba(0,0,0,0.5);
-webkit-transform:translate3d(30px,60px,20px)rotateX(30deg);
transform:translate3d(30px,60px,20px)rotateX(30deg);
}
</style>
</head>
<body>
<divclass="box1">
<div></div>
</div>
</body>
</html>
3D效果制作-目标效果图
以上资料来源：《HTML5布局之路》