HTML5中給圖片添加平鋪效果的方法非常簡單，只需要在標簽中添加一個"style"屬性并設置"background-repeat"屬性的值即可。

<img src="image.jpg" style="background-repeat:repeat;">

其中，"repeat"是默認值，表示圖片在x和y方向上重復平鋪。其他可能的值包括：

• no-repeat：圖片不做平鋪。
• repeat-x：圖片在x方向上重復平鋪，而在y方向上不做平鋪。
• repeat-y：圖片在y方向上重復平鋪，而在x方向上不做平鋪。

下面是一個例子，其中一個圖片在x方向上重復平鋪，而另一個圖片在y方向上重復平鋪：

<img src="horizontal.jpg" style="background-repeat:repeat-x;">
<img src="vertical.jpg" style="background-repeat:repeat-y;">

在使用HTML5平鋪圖片時，建議使用CSS樣式表將樣式應用于多個圖片。在樣式表中，可以使用以下代碼：

img {
background-repeat: repeat;
}

這樣，所有的標簽都會自動應用上述樣式，無需每次都手動輸入"style"屬性。