在使用DreamWeaver進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，經(jīng)常需要向頁面中插入圖片。下面將介紹如何使用img標(biāo)簽來插入圖片。 創(chuàng)建站點(diǎn)和圖片文件夾 首先，在電腦中創(chuàng)建一個(gè)站點(diǎn)，并在該站點(diǎn)中建立一個(gè)專門用于存放圖

在使用DreamWeaver進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，經(jīng)常需要向頁面中插入圖片。下面將介紹如何使用img標(biāo)簽來插入圖片。

創(chuàng)建站點(diǎn)和圖片文件夾

首先，在電腦中創(chuàng)建一個(gè)站點(diǎn)，并在該站點(diǎn)中建立一個(gè)專門用于存放圖片的文件夾。這樣可以方便管理圖片資源。

具體操作步驟如下圖所示：

新建HTML文件

打開DreamWeaver軟件后，新建一個(gè)HTML文件，并將其保存到剛才創(chuàng)建的站點(diǎn)中。確保HTML文件與圖片文件夾處于同一級目錄。

保存快捷鍵為Ctrl S，保存路徑如下圖所示：

插入圖片

在HTML文件的body標(biāo)簽中，使用img標(biāo)簽來插入圖片。img標(biāo)簽是單標(biāo)簽，它的src屬性用于指定圖片的鏈接地址。

具體操作步驟如下：

lt;img src""gt;

以上代碼表示插入的圖片鏈接地址為img文件夾下的圖片。

如果想插入多張圖片，只需按照相同的方式輸入不同的圖片鏈接地址即可。

如下圖所示：

預(yù)覽頁面

完成圖片插入后，可以打開瀏覽器預(yù)覽頁面?？旖萱IF12可以快速打開默認(rèn)瀏覽器來預(yù)覽網(wǎng)頁效果。

在本地瀏覽器中，三張圖片將會顯示出來。

如下圖所示：

通過以上步驟，您已成功在DreamWeaver中插入并顯示圖片。