在HTML中，我們可以使用float屬性來設(shè)置圖片向左或向右浮動(dòng)。

<img src="image.jpg" style="float:left;">

上面的代碼中，我們使用了style屬性來設(shè)置圖片的樣式。其中，float:left表示圖片向左浮動(dòng)。

需要注意的是，浮動(dòng)元素會(huì)脫離普通文本流，并且可能會(huì)覆蓋其他非浮動(dòng)元素。因此，我們需要通過設(shè)置相關(guān)的樣式來避免出現(xiàn)錯(cuò)位或覆蓋的情況。

如果需要設(shè)置多個(gè)圖片浮動(dòng)排列，我們可以將它們放在同一個(gè)div容器中，并設(shè)置該容器的樣式為float:left或float:right。這樣可以避免出現(xiàn)錯(cuò)位或覆蓋的情況。

<div style="float:left;">
<img src="image1.jpg">
<img src="image2.jpg">
</div>

在實(shí)際應(yīng)用中，我們可以根據(jù)需要調(diào)整圖片的寬度、高度和間距，以獲得更好的排版效果。例如，我們可以設(shè)置圖片的max-width和max-height屬性來避免出現(xiàn)過大或過小的情況。

<img src="image.jpg" style="float:left;max-width:100%;max-height:200px;">

上面的代碼中，我們?cè)O(shè)置了圖片的最大寬度為100%，最大高度為200px。

總的來說，通過在HTML中設(shè)置圖片的float屬性，我們可以實(shí)現(xiàn)圖片向左或向右浮動(dòng)，并實(shí)現(xiàn)自由排版的效果。