ATM是自動取款機的縮寫，也是我們在日常生活中不可或缺的一種工具。現在，我們將學習如何在HTML代碼中使用ATM。首先，我們需要了解ATM在代碼中的基本結構。

<ATM>
<CARD>
<ACCOUNT NUMBER> 
<PIN CODE>
</CARD>
<WITHDRAW>
<AMOUNT>
</WITHDRAW>
</ATM>

這是ATM代碼的基本結構。我們可以將其分為三部分：卡片、賬戶和提款。在卡片部分，我們需要輸入賬號和密碼。在賬戶部分，我們可以查看余額和其他賬戶信息。在提款部分，我們可以輸入需要提取的金額。現在，我們將詳細了解每個部分的代碼。

卡片部分

<CARD>
<ACCOUNT NUMBER> 
<PIN CODE>
</CARD>

在這個部分中，我們需要輸入卡片上的賬號和密碼。在HTML代碼中，我們使用<input>標簽創建輸入框。我們可以在<CARD>標簽中添加<label>來描述輸入框的內容。例如：

<CARD>
<label>Account Number: </label>
<input type="text" name="account"><br>
<label>PIN Code: </label>
<input type="password" name="pin">
</CARD>

在這個例子中，我們添加了兩個輸入框，一個用于輸入賬號，另一個用于輸入密碼。我們使用type屬性來指定輸入框的類型。對于密碼輸入框，我們使用type="password"。這將隱藏輸入的內容，以確保安全性。

賬戶部分

<ACCOUNT>
<BALANCE>
<TRANSACTION HISTORY>
</ACCOUNT>

在賬戶部分，我們可以查看余額和其他賬戶信息。在這個部分中，我們可以添加<p>標簽在頁面上顯示文字信息。例如：

<ACCOUNT>
<p>Account Balance: $5000</p>
<p>Last Transaction: $100 on 2020-01-01</p>
</ACCOUNT>

在這個例子中，我們添加了兩個<p>標簽來顯示余額和上次交易的信息。

提款部分

<WITHDRAW>
<AMOUNT>
</WITHDRAW>

在提款部分，我們需要輸入要提取的金額。在HTML代碼中，我們可以使用相同的<input>標簽，但需要指定不同的type屬性值。例如：

<WITHDRAW>
<label>Withdraw Amount: </label>
<input type="number" name="amount" min="1" max="5000">
</WITHDRAW>

在這個例子中，我們添加了一個類型為“number”的<input>標簽來指定提取的金額。min和max屬性分別用于限制輸入的數字范圍，以確保輸入金額的合法性。

以上是使用ATM的HTML代碼示例。現在，我們已經知道如何在代碼中使用ATM，我們可以自己創建自動取款機的頁面，讓用戶更方便地使用。