HTML是一種標記語言，具有在網頁中添加內容和布局的作用。在編寫HTML時，我們可以通過添加特定的HTML代碼來實現各種效果。例如，我們可以使用HTML代碼來實現點擊后變色效果。
<html>
<head>
</head>
<body>
<h1>Click the text to change color</h1>
<p id="change-color">This text will change color when clicked</p>
<script>
function changeColor() {
document.getElementById("change-color").style.color = "red";
}
document.getElementById("change-color").onclick = changeColor;
</script>
</body>
</html>在上面的代碼中，我們首先使用HTML標簽定義了一個標題
和一個段落
。在段落
標簽中，我們添加了一個id屬性，該屬性的值為"change-color"。這個id屬性非常重要，因為我們后面的JavaScript代碼將使用這個id屬性來獲取這個段落元素。
在JavaScript部分，我們首先定義了一個名為changeColor()的函數。當被調用時，這個函數會使指定的段落文本變成紅色。我們使用document.getElementById()函數獲取到了前面定義的段落元素，然后使用JavaScript的style屬性修改它的顏色。
最后，我們在JavaScript中又定義了一條代碼來監聽段落元素的點擊事件。當元素被點擊時，changeColor()函數就會被調用，從而使文本變成紅色。