HTML5圖片浮動是一種常見的網頁效果，當用戶在網頁中滾動頁面時，圖片會隨著滾動而浮動。下面是一個簡單的HTML5圖片浮動的代碼示例：
在這個示例中，我們將創建一個圖片浮動效果，當用戶在網頁中滾動時，圖片會浮動。
<html>
<head>
<style>
img{
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
</style>
</head>
<body>
<h1>圖片浮動效果示例</h1>
<p>這是一個圖片浮動效果的示例，這里是一些文字。這里是一些文字。這里是一些文字。這里是一些文字。這里是一些文字。這里是一些文字。</p>
<img src="image1.jpg" width="300" height="200">
<p>這是另外一些文字。這里是一些文字。這里是一些文字。這里是一些文字。這里是一些文字。這里是一些文字。</p>
<img src="image2.jpg" width="300" height="200">
<p>這是最后一些文字。這里是一些文字。這里是一些文字。這里是一些文字。這里是一些文字。這里是一些文字。</p>
</body>
</html>在上面的代碼中，我們使用了HTML5的float屬性來實現圖片的浮動效果。我們還使用了margin屬性來控制圖片的位置和間距。
總的來說，HTML5的圖片浮動效果是非常簡單的，只需要使用一些基本的HTML5和CSS樣式即可實現。您可以根據自己的需要在頁面中添加更多的圖片，并調整css樣式來實現更多效果。