網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好
當前位置:酷知知識幫 > 遊戲數碼 > 電腦

Dreamweaver怎麼給圖片加連結

欄目: 電腦 / 釋出於: / 人氣:2.19W

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

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張