HTML5是目前最新的HTML標準，它提供了豐富的語義化標簽和強大的功能支持，其中包括制作輪播圖的功能。下面我們來介紹如何使用HTML5制作輪播圖。 首先，我們需要創建一個包含輪播圖的容器。可以使用div標簽來創建一個容器，并設置它的寬度和高度。比如，下面的代碼創建了一個寬度為600像素、高度為300像素的容器：

<div style="width: 600px; height: 300px;">
</div>

接下來，我們需要在容器中創建輪播圖圖片的列表。可以使用ul和li標簽來創建一個無序列表。比如，下面的代碼創建了一個包含3個圖片的輪播圖列表：

<div style="width: 600px; height: 300px;">
<ul>
<li><img src="image1.jpg" alt=""></li>
<li><img src="image2.jpg" alt=""></li>
<li><img src="image3.jpg" alt=""></li>
</ul>
</div>

接下來，我們可以使用CSS來設置輪播圖的樣式。比如，下面的CSS代碼設置了輪播圖列表的樣式，并將第一個圖片設置為顯示狀態，其余圖片設置為隱藏狀態：

<style>
ul {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
li {
position: absolute;
top: 0;
left: 0;
display: none;
}
li:first-child {
display: block;
}
</style>

最后，我們需要使用JavaScript來實現輪播圖的自動播放和切換功能。比如，下面的JavaScript代碼設置了輪播圖自動播放和切換的時間間隔為3秒，以及當最后一張圖片播放完后，從第一張圖片重新開始播放：

<script>
var images = document.getElementsByTagName('img');
var current = 0;
var time = setInterval(changeImage, 3000);
function changeImage() {
images[current].style.display = 'none';
current = (current + 1) % images.length;
images[current].style.display = 'block';
}
</script>

至此，我們就完成了HTML5制作輪播圖的全部代碼。可以將上述HTML、CSS和JavaScript代碼整合在一起，放在HTML文件中，就可以實現一個簡單的輪播圖了。