HTML banner輪播是網頁設計中常用的一種效果，可以吸引網站訪問者的注意力。這里給大家提供一個簡單的HTML banner輪播代碼。

<!-- HTML banner輪播代碼 -->
<div class="banner">
<img src="img1.jpg" alt="banner1">
<img src="img2.jpg" alt="banner2">
<img src="img3.jpg" alt="banner3">
<img src="img4.jpg" alt="banner4">
</div>
<script>
$(document).ready(function() {
$('.banner').slick({
arrows: false,
dots: true,
autoplay: true,
autoplaySpeed: 2000
});
});
</script>

上述代碼中，我們使用了slick庫來實現banner輪播效果。在HTML中，我們僅需要創建一個包含所有banner圖片的div，并且設置slick的參數即可實現輪播效果。

參數說明：

arrows: false/true： 設置是否顯示左右箭頭導航dots: false/true： 設置是否顯示圖片下方的點導航autoplay: false/true： 設置是否自動輪播autoplaySpeed: milliseconds： 設置輪播速度

以上參數可以根據實際需要進行調整。通過這個簡單的HTML banner輪播代碼，我們可以快速實現網站輪播效果。