在網頁中添加圖片可以讓頁面變得更加生動，但是有時候圖片的尺寸與網頁的布局不匹配。在這種情況下，我們需要設置圖片的尺寸才能達到最佳效果。那么，在HTML中如何設置圖片的尺寸呢？ 首先，在HTML中我們使用標簽來插入圖片，在這個標簽中可以添加一些屬性來控制圖片的顯示效果。例如，我們可以添加“width”和“height”屬性來分別控制圖片的寬度和高度。比如，以下代碼可以將圖片的寬度設置為200像素、高度設置為100像素：

<img src="picture.jpg" width="200" height="100">

上述代碼中，“src”屬性指定了圖片的URL地址，“width”屬性設置圖片的寬度，“height”屬性設置圖片的高度。根據需要可以靈活調整這些屬性的值。 除了直接在標簽中添加寬高屬性，我們也可以將這些屬性定義在CSS樣式表中，然后通過“style”屬性來引用。例如，以下代碼可以通過樣式表將圖片的寬度設置為50%，高度設置為自動適應（保持原比例）：

<style>
.myimg {
width: 50%;
height: auto;
}
</style>
<img src="picture.jpg" class="myimg">

上述代碼中，我們首先定義了一個名為“myimg”的樣式規(guī)則，指定圖片的寬度為50%，高度為自動適應。然后在標簽中添加屬性“class="myimg"”，引用了這個樣式規(guī)則，并應用到了這個圖片上。 綜上所述，通過在標簽中添加寬高屬性或者引用CSS樣式來控制圖片的尺寸。使用CSS樣式可以更好地管理和控制頁面上的元素，使得網頁變得更加美觀和實用。