{"id":920,"date":"2015-08-04T17:36:59","date_gmt":"2015-08-04T09:36:59","guid":{"rendered":"https:\/\/ai.zhousir.top\/?p=920"},"modified":"2015-08-04T17:38:20","modified_gmt":"2015-08-04T09:38:20","slug":"html5%e5%ae%9e%e4%be%8b%e4%b9%8b%e5%a9%9a%e5%ba%86%e7%95%8c%e9%9d%a2","status":"publish","type":"post","link":"https:\/\/ai.zhousir.top\/?p=920","title":{"rendered":"Html5\u5b9e\u4f8b\u4e4b\u5a5a\u5e86\u754c\u9762"},"content":{"rendered":"<p>HTML5\u5e7f\u4e49\u4e0a\u8bb2\u662f\u6307\u5305\u62ecHTML\u3001CSS\u548cJavaScript\u5728\u5185\u7684\u4e00\u5957\u6280\u672f\u7ec4\u5408.\u4e3b\u8981\u7528\u4e8eweb\u7f51\u9875\u5e94\u7528.\u66f4\u9002\u5408\u4e8e\u79fb\u52a8web\u7f51\u9875\u5f00\u53d1.<br \/>\nHTML 5\u6709\u4e24\u5927\u7279\u70b9\uff1a<br \/>\n\u9996\u5148\uff0c\u5f3a\u5316\u4e86 Web \u7f51\u9875\u7684\u8868\u73b0\u6027\u80fd\u3002<br \/>\n\u5176\u6b21\uff0c\u8ffd\u52a0\u4e86\u672c\u5730\u6570\u636e\u5e93\u7b49 Web \u5e94\u7528\u7684\u529f\u80fd\u3002<br \/>\n<!--more--><\/p>\n<p>\u5a5a\u5e86\u9875\u9762\u6548\u679c\u56fe:<br \/>\n<a href=\"https:\/\/ai.zhousir.top\/wp-content\/uploads\/2015\/08\/QQ\u255c\u256a\u2550\u255d20150804172049.png\" rel=\"fancybox\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone  wp-image-921\" src=\"https:\/\/ai.zhousir.top\/wp-content\/uploads\/2015\/08\/QQ\u255c\u256a\u2550\u255d20150804172049.png\" alt=\"QQ\u255c\u256a\u2550\u255d20150804172049\" width=\"327\" height=\"548\" \/><\/a><\/p>\n<p>\u5982\u4f55\u5b9e\u73b0\u7684\u5462\uff0c\u9996\u5148\u6839\u636e\u754c\u9762\u6548\u679c\u51c6\u5907\u56fe\u7247\u8d44\u6e90<br \/>\n<a href=\"https:\/\/ai.zhousir.top\/wp-content\/uploads\/2015\/08\/QQ\u255c\u256a\u2550\u255d20150804172717.png\" rel=\"fancybox\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone  wp-image-922\" src=\"https:\/\/ai.zhousir.top\/wp-content\/uploads\/2015\/08\/QQ\u255c\u256a\u2550\u255d20150804172717.png\" alt=\"QQ\u255c\u256a\u2550\u255d20150804172717\" width=\"535\" height=\"92\" \/><\/a><\/p>\n<p>\u9875\u9762\u4ee3\u7801\u5b9e\u73b0 weding.html<\/p>\n<p>[java]<br \/>\n&lt;html xmlns=&quot;http:\/\/www.w3.org\/1999\/xhtml&quot;&gt;<br \/>\n&lt;head&gt;<br \/>\n\t&lt;title&gt;\u5a5a\u5e86\u4e3b\u9875&lt;\/title&gt;<br \/>\n\t&lt;meta http-equiv=&quot;content-type&quot; content=&quot;text\/html; charset=utf-8&quot;&gt;<br \/>\n\t&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, minimum-scale=1.0, maximum-scale=2.0,user-scalable=yes&quot;&gt;<br \/>\n\t&lt;!&#8211;&lt;meta name=&quot;viewport&quot; content=&quot;width=640, initial-scale=0.5,maximum-scale=0.5&quot; \/&gt;&#8211;&gt;<br \/>\n\t&lt;meta name=&quot;apple-mobile-web-app-capable&quot; content=&quot;YES&quot;&gt;<br \/>\n\t&lt;link rel=&quot;stylesheet&quot; href=&quot;mycss.css&quot; type=&quot;text\/css&quot; \/&gt;<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;body bgcolor=&quot;#680011&quot;&gt;<\/p>\n<p>\t&lt;div class=&quot;wrapcontain&quot; style=&quot;width: 300px;padding: 10px;padding-top: 0px;margin: 0 auto;background-color:#680011;&quot;&gt;<br \/>\n\t\t&lt;div class=&quot;imgTop&quot;&gt;<br \/>\n\t\t\t&lt;img class=&quot;imgtop_bg&quot; src=&quot;.\/img\/index_top_bg.png&quot; \/&gt;<br \/>\n\t\t\t&lt;img class=&quot;imgtop_lb&quot; src=&quot;.\/img\/index_microphone.png&quot;\/&gt;<br \/>\n\t\t\t&lt;h3 class=&quot;p3&quot;&gt;<br \/>\n\t\t\t\t&lt;p id=&quot;sp11&quot; class=&quot;sp1&quot;&gt;\u79bb\u6211\u4eec\u5a5a\u793c&lt;\/p&gt;<br \/>\n\t\t\t\t&lt;p class=&quot;sp2&quot;&gt;<br \/>\n\t\t\t\t\t\u8fd8\u6709&lt;span class=&quot;sp3&quot;&gt;35&lt;\/span&gt;\u5929<br \/>\n\t\t\t\t&lt;\/p&gt;<br \/>\n\t\t\t&lt;\/h3&gt;<br \/>\n\t\t&lt;\/div&gt;<\/p>\n<p>\t\t&lt;div class=&quot;imgShow&quot;&gt;<\/p>\n<p>\t\t\t&lt;img src=&quot;.\/img\/index_yaoqinghan.png&quot; \/&gt;<br \/>\n\t\t\t&lt;img src=&quot;.\/img\/index_zhufuqiang.png&quot; \/&gt;<br \/>\n\t\t\t&lt;img src=&quot;.\/img\/index_yaoyiyao.png&quot; \/&gt;<br \/>\n\t\t\t&lt;img src=&quot;.\/img\/index_hunsha.png&quot; \/&gt;<br \/>\n\t\t&lt;\/div&gt;<\/p>\n<p>\t\t&lt;div class=&quot;footer&quot;&gt;<\/p>\n<p>\t\t\t&lt;a href=&quot;###&quot;&gt;\u5a5a\u793c\u627f\u529e\u65b9:\u6210\u90fd\u5e78\u798f\u516c\u793e\u5a5a\u5e86\u516c\u53f8&lt;img<br \/>\n\t\t\t\tsrc=&quot;.\/img\/redRightarrow.png&quot; \/&gt;&lt;\/a&gt;<\/p>\n<p>\t\t&lt;\/div&gt;<br \/>\n\t&lt;\/div&gt;<\/p>\n<p>&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<br \/>\n[\/java]<\/p>\n<p>css\u4ee3\u7801 mycss.css<\/p>\n<p>[java]<br \/>\n.imgTop {<br \/>\n\twidth: 320px;<br \/>\n\tmargin-left: -10px;<br \/>\n\tmargin-right: -10px;<br \/>\n\tmin-height: 200px;<br \/>\n\tposition:relative;<br \/>\n\tborder-bottom:1px solid #ffeeac;<br \/>\n}<\/p>\n<p>.imgTop .imgtop_bg{<br \/>\n\twidth: 100%;<br \/>\n}<\/p>\n<p>.imgTop .imgtop_lb {<br \/>\n\tmargin-top: 10px;<br \/>\n\tmargin-left: 10px;<br \/>\n\tposition: absolute;left: 10px; top:10px;<br \/>\n}<br \/>\n.p3 {<br \/>\n\twidth: 118px;<br \/>\n\theight: 22px;<\/p>\n<p>\t\/* background-color: #ff6766; *\/<br \/>\n\t\/* margin: 10px; *\/<br \/>\n\t\/* float: right;*\/<br \/>\n\t\/* margin-top:110px; *\/<\/p>\n<p>\tpadding: 30px;<br \/>\n\tposition: absolute;<br \/>\n\tright: 10px;<br \/>\n\tbottom : 0px; <\/p>\n<p>}<\/p>\n<p>.sp1 {<br \/>\n\tfont-size: 10px;<br \/>\n\tcolor: #ffeeac;<br \/>\n}<\/p>\n<p>.sp2 {<br \/>\n\tfont-size: 10px;<br \/>\n\tcolor: #ffeeac;<br \/>\n\ttext-align: right;<br \/>\n}<\/p>\n<p>.sp3 {<br \/>\n\tfont-size: 20px;<br \/>\n}<\/p>\n<p>.imgShow {<br \/>\n\twidth: 320px;<br \/>\n\theight: 210px;<br \/>\n\toverflow: hidden;<br \/>\n\tmargin-left: -10px;<br \/>\n\tmargin-top: 14px;<\/p>\n<p>}<\/p>\n<p>.imgShow img {<br \/>\n\twidth: 145px;<br \/>\n\theight: 110px;<br \/>\n\tdisplay: inline-block;<br \/>\n\tfloat: left;<br \/>\n\tmargin-left: 10px;<br \/>\n\tmargin-bottom: 10px;<br \/>\n}<br \/>\n.footer {<br \/>\n\tmargin-top: 14px;<br \/>\n\ttext-align: center;<br \/>\n}<\/p>\n<p>.footer a {<br \/>\n\tcolor: #92192d;<br \/>\n\tfont-size: 14px;<br \/>\n}<\/p>\n<p>.footer img {<br \/>\n\twidth: 20px;<br \/>\n\tdisplay: inline-block;<br \/>\n\tposition: relative;<br \/>\n\ttop: 2px;<br \/>\n\tmargin-left: 8px;<br \/>\n}<br \/>\n[\/java]<\/p>\n<p>\u901a\u8fc7\u4e0a\u8ff0\u6b65\u9aa4\u6211\u4eec\u5df2\u7ecf\u5b9e\u73b0\u9875\u9762\u6548\u679c\uff0c\u63a5\u7740\u6211\u4eec\u5c06\u628a\u754c\u9762\u663e\u793a\u5230Android\u5e94\u7528\u4e2d\uff0c\u9700\u8981\u4e00\u4e2a\u53ebwebView\u7684\u63a7\u4ef6\uff0c\u6211\u4eec\u770b\u4e0b\u4ee3\u7801.<br \/>\nactivity_weding_layout.xml<\/p>\n<p>[java]<br \/>\n&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;<br \/>\n&lt;LinearLayout xmlns:android=&quot;http:\/\/schemas.android.com\/apk\/res\/android&quot;<br \/>\n    android:layout_width=&quot;match_parent&quot;<br \/>\n    android:layout_height=&quot;match_parent&quot;<br \/>\n    android:orientation=&quot;vertical&quot; &gt;<\/p>\n<p>    &lt;WebView<br \/>\n        android:id=&quot;@+id\/weding_webview&quot;<br \/>\n        android:layout_width=&quot;match_parent&quot;<br \/>\n        android:layout_height=&quot;match_parent&quot; \/&gt;<\/p>\n<p>&lt;\/LinearLayout&gt;[\/java]<\/p>\n<p>WebViewActivity.java<\/p>\n<p>[java]public class WedingActivity extends Activity {<br \/>\n\tprivate WebView mWebView;<br \/>\n\tprivate String url = &quot;http:\/\/www.warmtel.com\/html\/weding.html&quot;; \/\/\u4e0a\u9762\u5b9e\u73b0\u7684\u7f51\u9875 <\/p>\n<p>\t@Override<br \/>\n\tprotected void onCreate(Bundle savedInstanceState) {<br \/>\n\t\tsuper.onCreate(savedInstanceState);<br \/>\n\t\trequestWindowFeature(Window.FEATURE_NO_TITLE);<br \/>\n\t\tsetContentView(R.layout.activity_weding_layout);<\/p>\n<p>\t\tmWebView = (WebView) findViewById(R.id.weding_webview);<\/p>\n<p>\t\tmWebView.loadUrl(url);<\/p>\n<p>\t}<br \/>\n}[\/java]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML5\u5e7f\u4e49\u4e0a\u8bb2\u662f\u6307\u5305\u62ecHTML\u3001CSS\u548cJavaScript\u5728\u5185\u7684\u4e00\u5957\u6280\u672f\u7ec4\u5408.\u4e3b\u8981\u7528\u4e8eweb\u7f51\u9875\u5e94\u7528.\u66f4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/920"}],"collection":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=920"}],"version-history":[{"count":2,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/920\/revisions"}],"predecessor-version":[{"id":924,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/920\/revisions\/924"}],"wp:attachment":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=920"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=920"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}