HTML是網頁制作的基礎語言之一，利用HTML可以輕松構建出美觀、實用的網頁。其中，圖片自動輪播是網頁中經常用到的功能，可以讓網頁更加生動、有趣。
實現圖片自動輪播可以利用HTML中的<img>標簽和JavaScript的定時器等內容。具體代碼如下：
<html>
<head>
<title>圖片自動輪播</title>
<script>
var imgArr = ["images/img1.jpg", "images/img2.jpg", "images/img3.jpg"]; // 存儲圖片的路徑數組
var i = 0; // 初始化計數器i為0
function startAutoPlay() { // 開始輪播函數
i++; // 計數器i+1
if (i == imgArr.length) { // 如果i等于圖片數量，則將i重新設置為0
i = 0;
}
document.getElementById("banner").src = imgArr[i]; // 獲取頁面上的img元素并將其src屬性設置為數組中對應的圖片路徑
}
var timer = setInterval(startAutoPlay, 2000); // 設置定時器，每2秒調用一次startAutoPlay函數
</script>
</head>
<body>
<img id="banner" src="images/img1.jpg" /></body>
</html>在上述代碼中，我們首先定義了一個存儲圖片路徑的數組imgArr和一個計數器i。接著，我們通過startAutoPlay函數來實現自動輪播效果：函數內部先將i+1，如果i等于圖片數量，則將i重新設置為0。然后，通過document.getElementById("banner")獲取頁面上的img元素，并將其src屬性設置為數組中對應的圖片路徑。最后，我們使用setInterval函數設置了一個定時器，每隔2秒自動調用startAutoPlay函數。
本文介紹了HTML實現圖片自動輪播的方法，并提供了相應的代碼。讀者可以根據自己的需要進一步修改和完善，實現更加豐富多彩的效果。