在HTML中，設置圖片大小可以通過使用width和height屬性來實現。本文將詳細介紹如何使用這兩個屬性來調整圖片的大小。

1. 使用width屬性調整圖片寬度

要調整圖片的寬度，可以使用width屬性。該屬性的值可以是像素值、百分比或auto。像素值表示圖片的寬度以像素為單位。百分比表示圖片的寬度以父容器的百分比為單位。auto表示圖片的寬度將根據其本身的大小自動調整。

示例代碼：

gage.jpg" width="200px">//設置圖片寬度為200像素gage.jpg" width="50%">//設置圖片寬度為父容器的50%gage.jpg" width="auto">//根據圖片本身大小自動調整寬度

2. 使用height屬性調整圖片高度

要調整圖片的高度，可以使用height屬性。該屬性的值可以是像素值、百分比或auto。像素值表示圖片的高度以像素為單位。百分比表示圖片的高度以父容器的百分比為單位。auto表示圖片的高度將根據其本身的大小自動調整。

示例代碼：

gage.jpg" height="200px">//設置圖片高度為200像素gage.jpg" height="50%">//設置圖片高度為父容器的50%gage.jpg" height="auto">//根據圖片本身大小自動調整高度

3. 使用CSS樣式調整圖片大小

除了使用width和height屬性外，也可以使用CSS樣式來調整圖片大小。這種方法可以在CSS文件中設置全局樣式，也可以在HTML文件中使用內聯樣式來設置。

示例代碼：

gage.jpg">//設置圖片寬高為200像素

本文介紹了在HTML中如何設置圖片大小。通過使用width和height屬性，可以輕松地調整圖片的寬度和高度。另外，還介紹了使用CSS樣式來調整圖片大小的方法。希望這篇文章能夠幫助讀者更好地掌握HTML中設置圖片大小的方法。