HTML是一個讓我們能夠創建網頁的標記語言。在網頁設計中，添加圖片是很常見的，但是有時候我們需要修改圖片的尺寸。本文將介紹如何通過HTML代碼設置圖片的高度和寬度。 首先我們需要使用HTML的標簽來插入圖片。在標簽內，我們可以使用寬度（width）和高度（height）屬性來定義圖片的大小。 舉個例子，我們想插入一張名為"example.jpg"的圖片，并將它寬度縮小為200像素，高度縮小為150像素。我們可以這樣編寫代碼：

<img src="example.jpg" width="200" height="150">

在上面的代碼中，width屬性被設置為“200”，height屬性被設置為“150”，因此圖片將被縮小為200像素寬，150像素高。請注意，這種縮小方式可能會導致圖片失真。 另一種方式是只設置其中一個屬性，而讓瀏覽器自動計算第二個屬性。這種情況下，保持圖片寬高比是非常重要的。

<img src="example.jpg" width="200">

在上面的代碼中，我們只設置了width屬性。這意味著，瀏覽器將自動根據原始圖片的寬高比來設置高度。同樣地，我們也可以只設置height屬性：

<img src="example.jpg" height="150">

當然，如果我們沒有手動設置圖片的寬度和高度，圖片默認會使用它的原始尺寸。 通過HTML設置圖片的大小是一個簡單而有效的方式，來確保網站頁面上的圖片能夠以一種更合適的方式呈現出來。