在網(wǎng)頁設計中，圖片往往占據(jù)著重要的位置。但是，一張過大的圖片既不美觀也不利于網(wǎng)頁的加載速度。在 HTML 中，我們可以通過設置圖片寬和高來解決這個問題。那么，下面我們就來看一下如何設置圖片寬和高。 在 HTML 中，設置圖片寬和高很簡單，只需要在圖片標簽的屬性里加入 width 和 height 即可。例如，下面這行代碼可以將寬度設為 200 像素、高度設為 100 像素的圖片插入到網(wǎng)頁中：

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

代碼解釋： - 在 img 標簽中，src 屬性用于指定圖片的路徑。 - width 屬性用于指定圖片的寬度，單位可以是像素或百分比。 - height 屬性用于指定圖片的高度，單位同樣可以是像素或百分比。 如果我們只設置 width 或 height 中的一個屬性，那么圖片就會等比例縮放。舉個例子，如果我們只設置寬度為 200 像素，那么高度會按原比例自動調(diào)整，使其保持原有的長寬比。 除了直接在 img 標簽中設置寬高屬性外，我們還可以通過 CSS 來設置圖片的寬高。例如，下面這個 CSS 代碼可以將名為 "img" 的標簽的寬度和高度都設置為 200 像素：

img {
width: 200px;
height: 200px;
}

代碼解釋： - 在 CSS 中，我們使用選擇器來選擇要設置樣式的標簽。在這個樣式中，我們選擇了所有 img 標簽。 - 接著，我們使用 width 和 height 屬性來設置圖片的寬高，這里的單位是像素。 在實際的網(wǎng)頁設計中，我們需要根據(jù)實際情況來選擇使用哪種方式設置圖片寬高。如果我們要設置多張圖片的寬高，使用 CSS 來管理樣式是更加方便的。當然，我們也可以根據(jù)具體情況來決定使用哪種方式。 總之，通過設置圖片寬高，我們可以有效地控制網(wǎng)頁加載速度，讓網(wǎng)頁看起來更加美觀整潔。