酷知百科網

位置:首頁 > 遊戲數碼 > 電腦

Dreamweaver怎麼給圖片加連結

電腦2.25W

在學習網站建設的時,常需要給圖片添加連結,下面就是給圖片添加連結的彙總

Dreamweaver怎麼給圖片加連結

操作方法

(01)首先我們開啟DW新建一個HTML,並且將新建的HTML頁面儲存在電腦上,檔案名稱一定要是英文。

Dreamweaver怎麼給圖片加連結 第2張

(02)接着在body標籤添加以下代碼“<img src="圖片路徑" />”,img是圖片標籤,src就是圖片讀取路徑

Dreamweaver怎麼給圖片加連結 第3張

(03)圖片插入完成之後,使用a標籤,將a標籤包裹img標籤,然後再輸入連結地址a標籤代碼是:<a href="連結地址"></a>

Dreamweaver怎麼給圖片加連結 第4張

(04)還有一種圖片插入方式就是使用功能鍵插入,點擊選單欄上面的插入,選擇圖片,在body標籤中就能自動生成代碼

Dreamweaver怎麼給圖片加連結 第5張

(05)超級連結的插入與插入圖片類似,選中超級連接,設定屬性以及連結地址,就會完成連結的插入

Dreamweaver怎麼給圖片加連結 第6張

(06)在插入超級連結的屬性面板中還可以設定標題,索引方便瀏覽頁面的或者修改代碼

Dreamweaver怎麼給圖片加連結 第7張

(07)最後我們調試頁面試下,超級連接是否有效。快速鍵F12直接進入頁面調試,點擊圖片就會跳轉到連結地址欄中的頁面

Dreamweaver怎麼給圖片加連結 第8張
標籤:Dreamweaver 連結