一、設計(ji)設計在HTML中直接添加圖片

使用``標簽

通過(guò)``標簽插入圖片，制作需指定`src`（圖片地址）、教程`alt`（替代文本）等屬性。弄圖例如：

```html

```

`src`：圖片的網(wǎng)頁(yè)網(wǎng)站網(wǎng)站網(wǎng)絡(luò )地址（如`https??://example.com/image.jpg`）或本地文件路徑（如`.??/images/image.jpg`）。

`alt`：ヽ(′?｀)ノ當圖片無(wú)法顯示時(shí)顯示的設計設計文字，需描述圖片內容。制作

`wid??th`和`height`：可選屬性，教程用于調ヾ(′ω｀)?整圖片尺寸??（單位??：??像素）。弄圖

插入到頁(yè)面特定位置

將``標簽放置在HTML文檔的網(wǎng)頁(yè)網(wǎng)站網(wǎng)站相(xiang)應位置（如``標簽內），瀏覽器會(huì )自動(dòng)顯示圖片??。設計設計

二、制作使用CSS設置背景圖片

整體背景設置

通過(guò)CSS的教程`background-image`屬性為整個(gè)頁(yè)面添加背景圖，示例代碼：

```css

bodyˉ\_(ツ)_/ˉ {

bac?kground-image: url('image.jpg');

background-repeat: no-repeat; /* 防止圖片重復 */

background-size: cover; /* 圖片覆蓋整個(gè)背景，弄圖保(′Д` )持比例縮放 */

backgrou??nd-poヽ(′ー｀)ノsition: center; /* 圖片居中顯示 */

background-attachment: fixed; /* 固定背景，頁(yè)面滾動(dòng)時(shí)圖片不移動(dòng) ；

}

```

可通過(guò)`background-url`指定圖片路徑，其他屬性用于控制圖片顯示效果。

局部背景設置

使用`div`或`table`標簽包裹內容區??域，設置背景圖。例如：

```html

這是帶有背景圖的段落內容

通過(guò)CSS選擇器定位特定區域，實(shí)現局部背景效果。

三、注意事項

圖片優(yōu)化???

優(yōu)先選擇數據量小的圖片格式（如PNG、JPG），避免使用大尺寸圖片影響網(wǎng)頁(yè)加載(zai)速度。

響應式設計

使用`max-width: 100%；`和`height: auto；`屬性，確保圖片在不同設備上自適應顯示。

版權與授權

確保圖片(?Д?)來(lái)源合法，避免使(╬?益?)用未經(jīng)授權的圖片，必要時(shí)標注來(lái)源或購買(mǎi)使用權。

通過(guò)以上方法，可靈活地在網(wǎng)站中添加圖片，提升視覺(jué)效果和用戶(hù)體驗。