在網(wǎng)站設計中，輪播廣告是一個非常常見的元素，讓網(wǎng)站主頁更具有活力。

在HTML中，我們可以使用button標簽來創(chuàng)建一個按鈕元素，再使用JavaScript來控制輪播的效果。

<div class="carousel">
<img src="image1.jpg" alt="image1">
<img src="image2.jpg" alt="image2">
<img src="image3.jpg" alt="image3">
<button id="prevBtn">上一張</button>
<button id="nextBtn">下一張</button>
</div>
<script>
var images = document.getElementsByTagName("img");
var prevBtn = document.getElementById("prevBtn");
var nextBtn = document.getElementById("nextBtn");
var currentIndex = 0;
var timer;
function showImage(index) {
for (var i = 0; i < images.length; i++) {
images[i].style.display = "none";
}
images[index].style.display = "block";
currentIndex = index;
}
function autoplay() {
timer = setInterval(function() {
currentIndex++;
if (currentIndex >= images.length) {
currentIndex = 0;
}
showImage(currentIndex);
}, 2000);
}
prevBtn.addEventListener("click", function() {
currentIndex--;
if (currentIndex < 0) {
currentIndex = images.length - 1;
}
showImage(currentIndex);
});
nextBtn.addEventListener("click", function() {
currentIndex++;
if (currentIndex >= images.length) {
currentIndex = 0;
}
showImage(currentIndex);
});
autoplay();
</script>

在這段代碼中，我們創(chuàng)建了一個包含三張圖片和兩個按鈕的div元素，并使用JavaScript來控制圖片的顯示效果。使用setInterval函數(shù)來實現(xiàn)自動輪播的效果。

以上就是一個簡單的HTML帶按鈕的輪播廣告代碼，只需要在網(wǎng)站中插入這段代碼，就能讓你的網(wǎng)站更加生動有趣了。