HTML5是一種新型的網頁語言，可以在網頁上呈現更加美觀的圖像效果。當我們需要在網頁上設置多張圖片并排展示時，就會遇到需要設置圖像間隔的問題。在HTML5中，我們可以借助CSS樣式表來實現這個功能。 首先，我們需要在HTML代碼中添加一些樣式表。這些樣式表用于設置圖像間隔以及其他樣式。下面是一個例子：

<style type="text/css">
.img-container {
display: inline-block;
margin-right: 10px;
}
</style>

在上面的樣式表代碼中，我們使用了一個名為“img-container”的CSS類。這個類用于設置圖像容器的樣式。具體來說，我們使用“display: inline-block;”來使得圖像容易呈現在同一行，而“margin-right: 10px;”則是設置圖像之間的間隔為10像素。 接下來，我們需要在HTML代碼中添加圖像容器。這個容器將用于承載我們的圖像。下面是一個例子：

<p>
<div class="img-container">
<img src="some-image.jpg" alt="Some image">
</div>
<div class="img-container">
<img src="another-image.jpg" alt="Another image">
</div>
<div class="img-container">
<img src="yet-another-image.jpg" alt="Yet another image">
</div>
</p>

在上面的HTML代碼中，我們使用了一個名為“img-container”的div容器，并在其中添加了一個圖像。需要注意的是，我們在每個圖像容器之間添加了一個空格，這個空格的寬度就是我們上面設置的間隔寬度。 最后，我們在瀏覽器中預覽我們的網頁，看看圖像間隔的效果如何。如果想要調整圖像間隔的寬度，只需要修改樣式表中的“margin-right”屬性即可。 總的來說，使用HTML5設置圖像間隔的方法就是使用CSS樣式表來設置容器的樣式，然后在HTML代碼中添加圖像容器。通過控制容器之間的間隔寬度，就能夠實現漂亮的圖像排版效果。