如何在DreamWeaver中插入圖片
在使用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中插入并顯示圖片。