HTML是網(wǎng)頁(yè)設(shè)計(jì)中必不可少的一種語(yǔ)言，它不僅可以用來(lái)設(shè)計(jì)網(wǎng)頁(yè)的結(jié)構(gòu)和布局，還可以用來(lái)控制文字和圖片的排版。在本文中，我們將介紹如何使用HTML來(lái)設(shè)置文字圍繞圖片。 首先，我們需要在HTML頁(yè)面中插入一張圖片。可以使用如下代碼：

<img src="image.jpg" alt="description of image" />

在這段代碼中，我們使用了`img`標(biāo)簽來(lái)插入圖片。其中`src`屬性指定了圖片的源文件地址，`alt`屬性用于為圖片提供描述（這對(duì)于視力障礙者和搜索引擎優(yōu)化非常重要）。要想讓文字圍繞著這張圖片排列，我們需要在`img`標(biāo)簽中添加一個(gè)`align`屬性，該屬性的取值有`left`、`right`、`middle`和`top`等幾種，我們可以根據(jù)需要進(jìn)行選擇。例如：

<img src="image.jpg" alt="description of image" align="left" />

這樣設(shè)置后，圖片就會(huì)以左對(duì)齊的方式放置在頁(yè)面上，并且文字會(huì)圍繞著圖片排列。 接下來(lái)，我們需要使用`p`標(biāo)簽來(lái)編寫段落。在段落中，可以通過(guò)`
`標(biāo)簽來(lái)實(shí)現(xiàn)換行，從而使文字在圖片的左側(cè)或右側(cè)排列。例如：

<p>
這是一段文字。這是一段文字。這是一段文字。<br>
這是一段文字。這是一段文字。這是一段文字。<br>
<img src="image.jpg" alt="description of image" align="left" />
繼續(xù)這段文字。繼續(xù)這段文字。繼續(xù)這段文字。<br>
繼續(xù)這段文字。繼續(xù)這段文字。繼續(xù)這段文字。
</p>

在這個(gè)例子中，我們首先編寫了一段文字，并使用了`
`標(biāo)簽將其分為兩行。然后插入了一張圖片，并設(shè)置了`align`屬性為`left`，使圖片左對(duì)齊。最后繼續(xù)編寫了一段文字，使文字圍繞圖片排列。 總的來(lái)說(shuō)，使用HTML來(lái)實(shí)現(xiàn)文字圍繞圖片排列非常簡(jiǎn)單，只需要在圖片標(biāo)簽中添加`align`屬性，然后在段落中使用`
`標(biāo)簽來(lái)進(jìn)行換行即可。當(dāng)然，如果您需要更精細(xì)的排版效果，可以使用CSS來(lái)進(jìn)一步控制布局和樣式。