在 HTML 中，設(shè)置圖像的寬度和高度是非常常見的操作，它可以幫助我們更好地控制圖像在網(wǎng)頁中的布局和顯示效果。下面將詳細介紹在 HTML 中設(shè)置圖像寬度和高度的方法。

一、使用 HTML 的 `img` 標簽屬性設(shè)置寬度和高度

HTML 的 `img` 標簽用于在網(wǎng)頁中插入圖像，它有兩個常用的屬性 `width` 和 `height`，分別用于設(shè)置圖像的寬度和高度。這兩個屬性的值可以是像素值（如 `100px`）、百分比值（如 `50%`）或其他合法的長度單位。

以下是一個簡單的示例代碼：

```html

```

在上述代碼中，`src` 屬性指定了圖像的路徑（這里假設(shè) `example.jpg` 是存在的圖像文件），`width` 屬性設(shè)置了圖像的寬度為 300 像素，`height` 屬性設(shè)置了圖像的高度為 200 像素。`alt` 屬性用于為圖像提供替代文本，當(dāng)圖像無法顯示時，瀏覽器會顯示該替代文本。

二、使用 CSS 樣式設(shè)置圖像的寬度和高度

除了在 `img` 標簽中直接設(shè)置寬度和高度屬性外，我們還可以使用 CSS 樣式來控制圖像的大小。CSS 提供了更靈活的方式來設(shè)置元素的樣式，包括圖像的寬度和高度。

以下是一個使用 CSS 樣式設(shè)置圖像寬度和高度的示例代碼：

```html

```

在上述代碼中，我們在 `head` 標簽內(nèi)使用 `