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

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

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

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

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

新建HTML文件

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

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

插入圖片

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

具體操作步驟如下：

lt;img src""gt;

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

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

如下圖所示：

預覽頁面

完成圖片插入后，可以打開瀏覽器預覽頁面。快捷鍵F12可以快速打開默認瀏覽器來預覽網(wǎng)頁效果。

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

如下圖所示：

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