HTML猜數字代碼1到10，非常容易編寫。首先，您需要創建一個表單，其中包含一個文本字段和一個提交按鈕。

<form>
<input type="text" name="guess" id="guess" />
<input type="submit" value="猜" />
</form>

接下來，您需要編寫JavaScript代碼來處理用戶猜測的數字。

<script>
var guess     = document.getElementById('guess');
var answer    = Math.floor(Math.random() * 10) + 1;
var remaining = 3;
function checkGuess() {
var userGuess = parseInt(guess.value);
var message   = '';
if (userGuess === answer) {
message = '恭喜你！你猜對了。';
} else if (userGuess < answer) {
message = '你猜小了。';
} else {
message = '你猜大了。';
}
remaining--;
if (remaining === 0) {
message += '你已經用完了所有的機會。';
guess.disabled = true;
} else {
message += '你還有 ' + remaining + ' 次機會。';
}
document.getElementById('output').innerHTML = message;
}
document.forms[0].onsubmit = function() {
checkGuess();
return false;
}
</script>

這段JavaScript代碼會在用戶提交表單后運行，并檢查用戶猜測的數字是否與生成的隨機數字相同。它還跟蹤用戶剩余的猜測機會，并在用戶用完所有機會后禁用表單。

最后，您需要在頁面上放置一個元素來顯示猜測結果。例如，您可以使用一個div元素：

<div id="output"></div>

你現在已經完成了HTML猜數字的代碼。嘗試運行它并看看你是否能在三次或更少的猜測中猜出正確的數字！