一、使用CSS設置圖片寬度

我們可以使用CSS的width屬性來設置圖片的寬度。具體操作如下：

1. 在HTML中插入圖片

首先，我們需要在HTML中插入一張圖片。代碼如下：

g src="圖片地址" alt="圖片描述">

其中，src屬性表示圖片的地址，alt屬性表示圖片的描述。這里我們可以使用網絡圖片或本地圖片，只需要將圖片地址替換即可。

2. 使用CSS設置圖片寬度

接下來，我們需要使用CSS的width屬性來設置圖片的寬度。代碼如下：

width: 100%;

g表示所有圖片，width: 100%表示圖片的寬度為父元素的100%。也就是說，圖片的寬度會自動適應父元素的寬度。

二、使用HTML設置圖片寬度

除了使用CSS，我們還可以使用HTML的width屬性來設置圖片的寬度。具體操作如下：

1. 在HTML中插入圖片

同樣地，在HTML中插入一張圖片。代碼如下：

g src="圖片地址" alt="圖片描述" width="100%">

其中，width屬性表示圖片的寬度為父元素的100%。也就是說，圖片的寬度會自動適應父元素的寬度。

通過以上兩種方法，我們可以在HTML中設置自動寬度的圖片。使用CSS方法可以使我們的代碼更加簡潔，但需要將CSS代碼寫在樣式表中。而使用HTML方法則更加方便，但也更加冗長。不管使用哪種方法，都可以讓我們的頁面更加美觀，用戶體驗更加友好。