當前位置:妙知谷 >

遊戲數碼 >電腦 >

Dreamweaver怎麼給圖片加鏈接

Dreamweaver怎麼給圖片加鏈接

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

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 鏈接
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/diannao/1o2lxq.html