HTML 中的圖片設置問題 HTML 是網頁制作中最基本的語言，其中最常用的功能就是添加圖片。怎樣在 HTML 中設置圖片大小和位置是很多初學者的疑惑，本文將為大家簡單介紹一下。 圖片大小 在 HTML 中可以使用 width 和 height 屬性來設置圖片的大小，語法如下：

<img src="圖片路徑" width="寬度" height="高度">

其中，寬度和高度可以使用像素值、百分比和自動適應三種方式。像素值是最常用的方式，例如：

<img src="圖片路徑" width="500" height="300">

這樣就設置了圖片的寬度為 500 像素，高度為 300 像素。 如果希望圖片大小隨網頁大小調整而自適應，可以將寬度和高度設置為百分比，例如：

<img src="圖片路徑" width="50%" height="50%">

這樣圖片的大小就會變成網頁寬度和高度的 50%。 自動適應則可以將寬度或高度設置為 auto，例如：

<img src="圖片路徑" width="auto" height="300">

這樣圖片的寬度就會根據高度和原始比例自動計算出來。 圖片位置 圖片在網頁中的位置可以通過 CSS 樣式來設置，其中最常用的方式是使用 text-align 和 margin 來控制，例如：

<style type="text/css">
img{
margin-left: 100px;
text-align: center;
}
</style>
<img src="圖片路徑">

上述代碼將圖片向左偏移了 100px，并且在水平方向居中顯示。如果想要使圖片垂直方向居中，可以使用 vertical-align 屬性，例如：

<style type="text/css">
img{
margin-top: 100px;
text-align: center;
vertical-align: middle;
}
</style>
<img src="圖片路徑">

注意：此方法只適用于圖片在行內元素內（如文字中間）的情況，如果需要在一個區塊內水平垂直都居中顯示，可以使用絕對定位和 margin 負值的方式。 最后，還可以使用 HTML 中的表格和 div 區塊等元素來布局圖片的位置，這里不再贅述。 總結 通過以上方法，可以通過 HTML 和 CSS 來設置圖片的大小和位置，具體使用時可結合實際情況進行調整。希望本文對初學者能有所幫助。