HTML是一種可以控制網頁內容和排版的標記語言，在網頁制作過程中，經常會用到圖片，接下來我們將介紹如何設置圖片大小和位置。 設置圖片大小： 在HTML中，我們可以使用width和height屬性來設置圖片的大小。其中，width屬性控制寬度，height屬性控制高度。代碼如下：

<img src="圖片地址" width="200" height="200">

使用此代碼，可以將指定的圖片大小設置為寬度和高度都為200像素。 此外，我們還可以將寬度或高度設置為百分比，以實現響應式設計。代碼如下：

<img src="圖片地址" width="50%">

使用此代碼，可以將指定的圖片寬度設置為頁面寬度的50%。 設置圖片位置： 在HTML中，我們可以使用CSS樣式來控制圖片位置。其中，比較常用的方法是使用float屬性和margin屬性。 1.float屬性 使用float屬性可以讓圖片脫離文本流，從而實現文字環繞圖片的效果。代碼如下：

<img src="圖片地址" style="float:left;margin-right:10px;">
這是一段文字，圖片在左側，文字圍繞圖片。

使用此代碼，可以實現圖片在左側，文字圍繞圖片的效果。其中，float:left將圖片靠左浮動，margin-right:10px控制圖片與文字之間的距離。 2.margin屬性 使用margin屬性可以控制圖片在容器中的位置。代碼如下：

<img src="圖片地址" style="margin-top:20px;margin-left:50px;">

使用此代碼，可以將指定的圖片距離容器頂部20px，距離容器左側50px。 以上是HTML如何設置圖片大小和位置的方法，希望對您有所幫助。