HTML是一門用于構建網頁的編程語言，其中非常常見的一個功能就是點擊圖片后能夠自動更換圖片。下面介紹一下如何使用HTML代碼實現點擊換圖片功能：
<!DOCTYPE html>
<html>
<head>
<title>點擊換圖片</title>
<script>
function changeImg() {
var img = document.getElementById("myImg");
if (img.src.match("img1")) {
img.src = "img2.jpg";
} else {
img.src = "img1.jpg";
}
}
</script>
</head>
<body>
<img id="myImg" src="img1.jpg" onclick="changeImg()"/>
</body>
</html>以上的代碼中，我們定義了一個名為changeImg()的JavaScript函數，當圖片被點擊時，該函數會被調用。其中，我們通過document.getElementById()函數獲取ID為"myImg"的圖片對象，并判斷當前圖片的src屬性是否包含"img1"，如果是，則將該屬性更改為"img2.jpg"，否則就更改為"img1.jpg"。
在HTML代碼中，我們使用了<img>標簽插入了我們要顯示的圖片，并將該圖片的ID設置為"myImg"。同時，我們使用了onclick屬性，將"changeImg()"函數與該圖片進行綁定，使得當點擊圖片時，該函數能夠被調用并實現圖片的更換。