在網頁開發中，圖片是一個不可或缺的元素。當我們在HTML中添加圖片時，我們通常需要設置它們的高度和寬度，以確保它們在頁面上顯示出來的大小和位置符合我們的設計需求。 我們可以使用HTML的屬性來設置圖片的高度和寬度。其中，使用“height”屬性設置圖片高度，使用“width”屬性設置圖片寬度。下面是一個示例：

<img src="image.jpg" height="200" width="300">

在上面的代碼中，我們通過src屬性指定圖片的路徑，然后使用height和width屬性分別設置圖片的高度和寬度。這樣，當頁面加載時，圖片將以200像素的高度和300像素的寬度顯示出來。 除了使用屬性設置圖片的高度和寬度外，我們還可以使用CSS來實現同樣的效果。我們可以使用“height”和“width”屬性來設置CSS中的圖片高度和寬度，如下所示：

<img src="image.jpg" style="height:200px; width:300px;">

在CSS中，我們將屬性值設置為像素(px)，以確保圖片按照我們的要求顯示出來。這個方法的好處是，我們可以在HTML中將圖片元素與CSS樣式表分離，從而使頁面的結構更清晰。 總的來說，在HTML中設置圖片的高度和寬度是非常簡單的。我們只需要使用“height”和“width”屬性設置它們的大小，或者使用CSS的方法來實現同樣的效果。無論你選擇哪種方法，都可以讓你的網頁設計更加出色。