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布局之路》