HTML滑動圖片是在網頁中常常使用的一種效果，可以讓多張圖片自動或手動輪播展示。下面提供一段HTML代碼實現這種效果。 首先需要使用HTML定義一個包含所有圖片的容器，并設置容器的寬度和高度：

<div id="slider">
<img src="image1.jpg">
<img src="image2.jpg">
<img src="image3.jpg">
</div>

以上代碼中的slider是容器的ID，需要在CSS中對該ID進行樣式設置，圖片可以根據具體需要替換成自己的圖片路徑。 接下來就需要使用CSS對slider容器進行樣式設置，包括容器的寬度和高度、圖片位置、滑動速度等，具體代碼如下：

#slider {
width: 500px;
height: 300px;
overflow: hidden;
}
#slider img {
width: 500px;
height: 300px;
display: block;
float: left;
}
@keyframes slide {
0% {
margin-left: 0;
}
20% {
margin-left: 0;
}
25% {
margin-left: -500px;
}
45% {
margin-left: -500px;
}
50% {
margin-left: -1000px;
}
70% {
margin-left: -1000px;
}
75% {
margin-left: -1500px;
}
95% {
margin-left: -1500px;
}
100% {
margin-left: 0;
}
}
#slider img {
animation: slide 10s infinite;
}

以上代碼中的slide是設置滑動效果的動畫名稱，10s是滑動過程的持續時間，infinite表示無限循環。 最后，在HTML中引入以上CSS文件，并確保HTML文件中的CSS代碼正確引用。 至此，一個簡單的HTML滑動圖片效果就完成了，大家可以根據自己的需求進行優化和拓展。