HTA與普通的網頁結構差不多，所以設計出來很容易，最簡單的方法就是把設計好的html文件後綴直接改爲.hta
當然HTA還有許多自己獨特的屬性：
HTA的外觀可以用<HTA:Application>來設定HTA應用程序的外觀，如標題欄、邊框大小等，必須放在<head>中。
以下是一個完整的hta實例：
<html>
<head>
<title>第一個HTA的例子</title>
<HTA:Application ID="oHTA"
Applicationname="myApp"
border="thin"
borderstyle="normal"
caption="yes"
icon="filename.ico"
maximizebutton="no"
minimizebutton="yes"
showintaskbar="no"
singleinstance="no"
sysmenu="yes"
version="1.0"
windowstate="normal"
scroll="yes">
</head>
<script type="text/javascript">
function show()
{
alert("這是一個簡單的實例");
}
</script>
<body>
<input type="button" name="button" id="button" value="按鈕" onClick="show()">
</body>
</html>屬性說明：
| applicationName | 設置HTA的名稱 |
| border |
設置爲HTA的窗口邊框類型，默認值爲 thick thick 指定窗口爲粗邊框 |
| borderStyle | 設置HTA窗口的邊框格式，默認值爲 normal。 normal 普通邊框格式 complex 凹凸格式組合邊框 raised 凸出的3D邊框 static 3D邊框格式 sunken 凹進的3D邊框 |
| caption | 設置HTA窗口是否顯示標題欄或標題，默認值爲 yes |
| icon | 設置應用程序的圖標 |
| maximizeButton | 設置是否在HTA窗口中顯示最大化按鈕，默認值爲 yes |
| minimizeButton | 設置是否在HTA窗口中顯示最小化按鈕，默認值爲 yes |
| showInTaskBar | 設置是否在任務欄中顯示此應用程序，默認值爲 yes |
| singleInstance | 設置是否此應用程序同時只能運行一次。此屬性以APPLICATIONNAME屬性作爲標識，默認值爲 no |
| sysMenu | 設置是否在HTA窗口中顯示系統菜單，默認值爲 yes |
| version | 設置應用程序的版本，默認值爲空 |
| windowState | 設置HTA窗口的初始大小，默認值爲 normal。 normal 默認大小 minimize 最小化 maximize 最大化 |
| Scroll | 設置是否在右端顯示豎向滾動條，默認值爲 yes |
hta通常結合js腳本編程作爲一種簡單客戶端使用，便利之處是可以像網頁一樣方便的訪問網絡，用css設置各種控件的樣式。
常用技巧1：控制hta窗口大小：
<script type="text/javascript">
while (true) {
try {
var w = 400, h = 300;
window.resizeTo(w, h);
window.moveTo((window.screen.width - w) / 2, (window.screen.height - h) / 2);
break;
} catch (e) { continue; }
}
</script>