一、公司使用``標簽添加圖(╯‵□′)╯片

基(′?_?`)本語(yǔ)法

```html

```

`src`：圖片(pian)地址（支持(chi)相對路徑/絕對路徑）

`alt`：圖片描述（可選，網(wǎng)址網(wǎng)站提升可訪(fǎng)問(wèn)性）

`width`/??`height`：圖片尺寸（像素值）

注意事項

圖片通過(guò)鏈接嵌入，制作制作原始文件需與HTML文件在同( ?ヮ?)一目錄或指定路徑

無(wú)法直接在``標簽內設置背景屬性（如重復(fu)、插圖定位等）

二、公司使用CSS背景屬性??添加背景圖片

內聯(lián)樣式

在HTML文件中直接在``標簽添加樣式：

```html

```

`background(′ω｀)-image`：指定圖片路徑

`background-repeat`：設置重復方式（如`no-repeat`）

`background-position`：調整圖片位置（如`c(′_ゝ`)enter`）

`bac(′_ゝ`)kground-size`：控制圖片尺寸（如`cover`覆蓋整個(gè)容器）??

嵌入式CSS樣式表

在``標簽(╬?益?)內使用`

```

優(yōu)勢：樣式與內容分離，網(wǎng)址網(wǎng)站便于維護和復用

三、制作??制作其他高級方法

使用網(wǎng)頁(yè)編輯器/??內容管理系統（CMS）

Dreamweaver：

提供可視化編輯器，插圖支持拖拽(/ω＼)圖片到指定區域

領(lǐng)動(dòng)云平臺：提供圖片組件（如放大鏡、公司輪播圖），ヽ(′?｀)ノ網(wǎng)址網(wǎng)站適合產(chǎn)??品詳情頁(yè)

WordPress：通過(guò)媒體庫上傳圖片，制作制作使用短代碼或插件插入

響應式圖片

使用`

`標簽或`srcset`屬性實(shí)現不同設備適配：

```html

```

通過(guò)媒體查詢(xún)加載不同尺寸圖片，插圖提升加載效率

四(si)、公司注意事項

圖片優(yōu)化：

可訪(fǎng)問(wèn)性：為所有圖片添加`alt`屬性，描述圖片內容

兼容性：CSS背景屬性在現代瀏覽器中支持良好，但需避免使用過(guò)時(shí)屬性（如`background`直接賦值）

通過(guò)以上(╯°□°）╯︵ ┻━┻方法，可靈活實(shí)現圖片展示，根據需求選擇適合的方案。