HTML帶點圖片輪播是網頁設計中常用的一種效果，可以增加網頁的美觀度和用戶體驗。下面是一個示例代碼：

<div class="slider">
<ul class="img-box">
<li><img src="image1.jpg" alt="image1" /></li>
<li><img src="image2.jpg" alt="image2" /></li>
<li><img src="image3.jpg" alt="image3" /></li>
</ul>
<div class="dots">
<span class="dot active"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</div>

這段代碼包含了一個div容器，內部有一個裝有圖片的ul元素和一個裝有點的div元素。CSS樣式中需要設置容器的寬度和高度，以及圖片和點的位置。同時，需要添加JavaScript來實現圖片的自動播放和點的切換效果。

實現的效果如下：

使用HTML帶點圖片輪播可以為網頁增添不少亮點，需要注意的是優化圖片大小和使用合適的圖片格式，以達到更好的效果。