HTML首頁面是網站的重要組成部分，其中圖片輪播效果能夠吸引用戶的注意力，為網站注入生命力。下面是一個簡單的HTML圖片輪播代碼示例。

<div class="slider">
<img src="https://example.com/image1.jpg" alt="Image 1">
<img src="https://example.com/image2.jpg" alt="Image 2">
<img src="https://example.com/image3.jpg" alt="Image 3">
</div>
<script>
var slideIndex = 0;
carousel();
function carousel() {
var i;
var slides = document.getElementsByClassName("slider");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";  
}
slideIndex++;
if (slideIndex > slides.length) {
slideIndex = 1
}    
slides[slideIndex-1].style.display = "block";  
setTimeout(carousel, 2000); // 每2秒切換一張圖片
}
</script>

以上代碼包括一個class為“slider”的div，其中包含三張圖片。JavaScript函數Carousel()用于循環顯示每張圖片，并且利用setTimeout()函數來定義切換時間間隔為2秒。

通過這個簡單的HTML圖片輪播代碼，你可以輕松地制作一個吸引人的網站首頁，從而并吸引用戶的關注。