1. GIF圖片大多被用來做動(dòng)圖，但是GIF其實(shí)也可以是靜態(tài)的圖片。本例中就是一個(gè)靜態(tài)的GIF圖片。打開網(wǎng)頁開發(fā)工具WebStorm，新建''，在頁面寫代碼如下：```html Titl

1. GIF圖片大多被用來做動(dòng)圖，但是GIF其實(shí)也可以是靜態(tài)的圖片。本例中就是一個(gè)靜態(tài)的GIF圖片。打開網(wǎng)頁開發(fā)工具WebStorm，新建''，在頁面寫代碼如下：

```html

```

當(dāng)然要提前拷貝到的同一個(gè)目錄。

2. 網(wǎng)頁內(nèi)查看效果如下圖，這樣看來GIF格式和JPG格式并沒有區(qū)別。

添加動(dòng)圖GIF效果

3. 添加一個(gè)動(dòng)圖的GIF圖查看效果，修改代碼如下：

```html

```

這里的是一個(gè)動(dòng)圖圖，而且背景是透明的。

4. 網(wǎng)頁中查看效果，如下圖，GIF動(dòng)圖動(dòng)了起來。

設(shè)置GIF動(dòng)圖背景色

5. 修改代碼，為GIF動(dòng)圖設(shè)置一個(gè)背景色：

```html

```

6. 網(wǎng)頁效果如下，背景顏色會(huì)透過GIF圖片顯示出來，這跟JPG圖片有區(qū)別，JPG圖片必須有背景顏色。

7. 放大觀察GIF圖片會(huì)發(fā)現(xiàn)周圍的鋸齒，這也是GIF圖像的一個(gè)特性。

總之，GIF圖片和JPG圖片在網(wǎng)頁中的應(yīng)用場(chǎng)景和效果存在一些差異。需要根據(jù)實(shí)際需求選擇合適的圖片格式。