第一個cordova project Cordova project建立與平台設定，均藉由cli(command line interface來完成 建立project請打開命令提示字元視窗應輸入下列命令 cordova create hello tw.edu.stust.mis.hello HelloWorld Cordova會為project產生一新目錄，名稱為Hello Tw.edu.stust.mis.hello為project的封裝名稱，一般為反轉網域名稱加上project名稱 Helloworld為應用程式顯示標題
第一個cordova project-(2) 在建立hello project之後，請輸入下列命令 Cd hello 進入hello目錄後，請輸入下列命令 cordova platform add android Platform add android會為project加入android平台 hello應用程式的原始碼會在hello目錄中的www目錄 www目錄中會包含project第一的檢視頁面index.html，img目錄用於放置圖像，js目錄用於放置網 頁javascript控制檔，css目錄用於放置網頁所需樣式檔
第一個cordova project-(3) 請利用網頁編輯程式開啟www目錄中index.html檔 <!DOCTYPE html> <html> <head> </head> <body> </body> </html>
第一個cordova project-(4) 請利用網頁編輯程式開啟www目錄中index.html檔 <head> <meta charset="utf-8"/> <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *"/> <meta name="format-detection" content="telephone=no"/> <meta name="msapplication-tap-highlight" content="no"/> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"/> <link rel="stylesheet" type="text/css" href="css/index.css"/> <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.min.css"/> <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script> <title>Hello World</title> </head>
HTML常用標籤 <!DOCTYPE HTML>, <HEAD>, <BODY>, <a>, <BR>, <DIV>, <FORM>,<H1>~<H6>, <HR>, <img>, <input>, <li>, <ol>, <p>, <script>, <select>,<style>, <SUP>, <SUB>, <table>, <td>, <th>, <tr>, <ul>