網(wǎng)友解答: 首先，當(dāng)然是寫網(wǎng)頁了，其次還可以開發(fā)桌面應(yīng)用和移動應(yīng)用，下面我大概介紹一下如何將一個(gè)寫好的網(wǎng)頁打包成一個(gè)桌面應(yīng)用(exe)和移動應(yīng)用(apk)，以供電腦和手機(jī)使用，主要借助N

首先，當(dāng)然是寫網(wǎng)頁了，其次還可以開發(fā)桌面應(yīng)用和移動應(yīng)用，下面我大概介紹一下如何將一個(gè)寫好的網(wǎng)頁打包成一個(gè)桌面應(yīng)用(exe)和移動應(yīng)用(apk)，以供電腦和手機(jī)使用，主要借助NW.js和HBuilder這兩個(gè)工具，主要步驟如下：

為了方便演示，這里新建了一個(gè)簡單的app.html網(wǎng)頁，主要代碼如下，很簡單，下面的打包都以這個(gè)網(wǎng)頁為例：

瀏覽器打開這個(gè)html文件，截圖如下：

打包桌面應(yīng)用exe，這里需要NW.js這個(gè)工具，NW.js是Intel開發(fā)的一個(gè)基于node.js和chromium的程序運(yùn)行環(huán)境，打包html網(wǎng)頁很快。

1.首先需要下載NW.js，這個(gè)直接到官網(wǎng)下載就行，地址https://nwjs.io/，如下：

2.下載完成后，隨便解壓到一個(gè)本地目錄下邊，如下（部分解壓文件截圖）：

3.在當(dāng)前解壓目錄下邊新建一個(gè)app目錄，把我們的測試html文件app.html放到里面，同時(shí)新建一個(gè)package.json文件，配置如下，主要指明入口文件和應(yīng)用名稱：

此時(shí)當(dāng)前app目錄內(nèi)容截圖如下：

4.接著就開始打包過程，這里需要下載Enigma Virtual Box，地址http://enigmaprotector.com/en/downloads.html，如下：

5.將app目錄下邊的app.html文件和package.json文件壓縮為app.zip，重新命名為app.nm，如下：

6.將app.nw復(fù)制到NW.js解壓目錄下面，打開cmd窗口，輸入如下命令，在當(dāng)前目錄下邊會生成一個(gè)app.exe文件：

7.打開Virtual Box，除了app.exe文件外，其他文件都放到里面進(jìn)行壓縮打包，如下：

8.打包完成后，會在當(dāng)前目錄下邊生成一個(gè)app_boxed.exe文件，這就是我們可以直接雙擊運(yùn)行的文件，如下：

雙擊運(yùn)行這個(gè)exe文件，運(yùn)行截圖如下：

打包移動應(yīng)用apk（以安卓為例），這里需要HBuilder這個(gè)工具，直接可以在云端進(jìn)行打包封裝，不需要本地再配置安卓環(huán)境，打包速度也行。

1.下載HBuilder，這個(gè)直接在官網(wǎng)下載就行，地址http://www.dcloud.io/,如下：

2.下載完成后，隨便解壓到本地一個(gè)目錄下邊，如下：

3.雙擊打開HBuilder.exe文件，新建一個(gè)移動App應(yīng)用，選中Hello H5+，如下：

4.把a(bǔ)pp.html這個(gè)文件放到app目錄里邊，應(yīng)用結(jié)構(gòu)目錄如下：

5.打包前首先需要在manifest.json中配置好相關(guān)參數(shù)，如下：

接著右擊app應(yīng)用，選擇“發(fā)行”-“云打包-打原生安裝包”，這里我以安卓為例，所以選中Android，點(diǎn)擊打包即可，如下：

6.云端打包完成后，會自動下載到本地，如下：

7.默認(rèn)會下載到這個(gè)應(yīng)用的unpackage的release目錄下邊，如下：

8.發(fā)送到安卓手機(jī)，安裝后如下：

程序運(yùn)行截圖如下;

至此，我們就完成了html文件的打包，分別打包成桌面exe和安卓應(yīng)用apk?？偟膩碚f，這個(gè)過程不難，熟悉熟悉，很快就能掌握了，網(wǎng)上也有許多這方面的教程可供學(xué)習(xí)和參考，你可以搜索學(xué)習(xí)一下，希望以上分享的內(nèi)容能對你有所幫助吧。

您好，我是前端那些事兒，一個(gè)專注于前端技術(shù)的碼農(nóng)，很高興能夠?yàn)槟獯稹?/p>

HTML能干嘛？首先我們先了解一下這個(gè)神秘的HTML，就先從它的定義開始吧。HTML中文的名字叫做超文本標(biāo)記語言，所謂的超文本顧名思義是超出文本，是指頁面上的圖片、鏈接、程序、等非文字元素。在HTML中主要有頭(head)和body(主題)叫兩大部分，你也可以想象成人的頭和身體。這里簡單的介紹下，具體的語法推薦大家去官網(wǎng)自行學(xué)習(xí)。

上面說了那么多定義類的知識，下面我們就進(jìn)入今天的主題，HTML到底能干嘛？先打個(gè)比方，你可以把前端想象成一個(gè)人，那么你就可以把人的骨骼框架想象成HTML，其實(shí)這種比喻是非常有根據(jù)的，了解HTML的人都懂的?？上攵琀TML在前端行業(yè)中是多么的重要。能干嘛？就如上面所述，搭建框架，在網(wǎng)站開發(fā)中，HTML就是用來搭建這個(gè)網(wǎng)站的整體框架的。HTML中提供了非常多而且非常簡單的標(biāo)簽供大家使用。HTML入門很簡單，深入的話就需要下點(diǎn)功夫了。在這里，我就不得不提CSS和JS了，它們分別用來控制網(wǎng)站的樣式(人的血液皮膚等)和行為(人的行動)。

當(dāng)然，隨著技術(shù)的不斷發(fā)展，HTML的功能越來越強(qiáng)大。像HTML5的webstorage可以用做數(shù)據(jù)庫。等大家漸漸的深入HTML的世界，就會領(lǐng)略到這個(gè)神秘而又強(qiáng)大的技術(shù)世界。點(diǎn)此查看圖片折疊原因