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

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張