Dreamweaver怎麼給圖片加連結

來源:酷知科普網 2.22W

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

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張
熱門標籤