HTML小數加法代碼的編寫方法：
<!DOCTYPE html>
<html>
<head>
<title>小數加法</title>
</head>
<body>
<form>
<label>請輸入第一個小數：</label>
<input id="num1" type="number" step="0.01"><br>
<label>請輸入第二個小數：</label>
<input id="num2" type="number" step="0.01"><br>
<button onclick="add()">計算</button><br>
<p id="result"></p>
</form>
<script>
function add() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var result = num1 + num2;
document.getElementById("result").innerHTML = "結果是：" + result;
}
</script>
</body>
</html>解釋：
首先，我們在form標簽中放置了兩個label和兩個input元素，以便用戶輸入兩個小數。由于我們要進行加法運算，所以這兩個輸入框都要設置為數字類型，而且步長要設置得足夠小，以便用戶可以輸入小數。
接著，我們放置了一個按鈕，當用戶點擊該按鈕時，我們會觸發一個add()函數，該函數將獲取兩個輸入框中用戶輸入的值，然后將其相加，并將結果寫入一個p元素中，該元素的id為result。
最后，我們在HTML文檔的底部放置了一個script元素，該元素中包含了我們定義的add()函數，這樣用戶在點擊按鈕時就會調用該函數，并顯示計算結果。