HTML5最簡單的輪播圖代碼如下：
<!DOCTYPE html>
<html>
<head>
<title>輪播圖</title>
<style>
.slide {
display: none;
}
.active {
display: block;
}
</style>
</head>
<body>
<div class="slider">
<img class="slide active" src="img1.jpg">
<img class="slide" src="img2.jpg">
<img class="slide" src="img3.jpg">
</div>
<script>
setInterval(function() {
var active = document.querySelector('.active'),
next = active.nextElementSibling || document.querySelector('.slide');
active.classList.remove('active');
next.classList.add('active');
}, 3000);
</script>
</body>
</html>代碼解析：
首先，我們定義一個類名為.slide的樣式，將它的display屬性設置為none，這樣輪播圖中的所有圖片都不可見。接下來，定義一個類名為.active的樣式，將它的display屬性設置為block，這樣該類所表示的元素就可見了。
在HTML中，我們定義了一個類名為slider的div，其中包含三個img元素，分別設置了不同的src屬性，用于展示三張不同的圖片。同時，每個img元素都擁有.slide和active兩個類名，其中.active類名用于表示當前可見的圖片。
在Javascript中，我們使用setInterval函數(shù)來循環(huán)執(zhí)行代碼。首先，我們定義了兩個變量active和next，分別表示當前可見的圖片和下一張將要顯示的圖片。然后，我們將active元素的.active類名移除，將next元素的.active類名添加，這樣next元素就成為了新的可見圖片。
最后，將這段代碼復制粘貼到編輯器中保存為.html文件即可查看效果。