在開發移動應用的過程中，我們常常需要將網頁或者網頁中的一些功能嵌入到App中。而打包HTML代碼成App，是一個實現網頁嵌入的常用方法。下面我們簡單介紹一下如何打包HTML代碼成App。
首先，我們需要有一個HTML頁面。在這個頁面中，可以包含文本、圖片、鏈接、CSS樣式、JavaScript代碼等。我們需要將這個HTML頁面打包成一個APP，以便用戶點擊App圖標可以直接打開這個網頁。
<!DOCTYPE html>
<html>
<head>
<title>My HTML App</title>
<style>
body {
background-color: lightblue;
}
</style>
</head>
<body>
<h1>Welcome to My HTML App!</h1>
<p>This is a simple HTML App. Enjoy it!</p>
</body>
</html>以上是一個簡單的HTML頁面，它包含了一個標題和一段文本，同時應用了一個CSS樣式。如果將這個代碼打包成一個App，用戶就可以直接在手機上使用。
接下來，我們需要一個工具來實現打包。常用的工具有PhoneGap、Cordova等。這些工具可以將網頁打包成移動應用，并支持多種平臺，具有良好的兼容性。在這里我們以Cordova為例。
首先需要下載并安裝Cordova工具，然后使用命令行工具進入工程目錄。在命令行窗口中輸入以下命令：
cordova create my-app com.example.myapp MyHTMLApp cd my-app cordova platform add android cordova platform add ios
以上命令會創建一個名為“my-app”的文件夾，并將Android和iOS兩個平臺添加到工程中。
接著，在my-app文件夾中找到www文件夾。在這個文件夾中，包含了應用的所有web文件，包括HTML、CSS、JavaScript等。我們可以將之前編寫的HTML代碼拷貝到www文件夾中，然后在www文件夾中創建一個新的文件夾，用來存放其他的資源，如圖片等。
接下來，在命令行窗口中輸入以下命令：
cordova prepare
這個命令會將應用打包，并構建該應用對應的平臺，如Android或iOS。
最后，在命令行窗口中輸入以下命令：
cordova run android
這個命令會將應用安裝到模擬器或者真機上，并啟動應用。
以上就是打包HTML代碼成App的簡單過程。需要注意的是，不同工具的實現方法可能會有所不同。有時候還需要在配置文件中添加一些信息，以便應用可以正常運行在移動平臺上。不過，總的來說，打包HTML代碼成App并不是一件難事，我們只需要掌握一些基本的命令和工具即可。