电脑

当前位置 /首页/游戏数码/电脑/列表

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张
TAG标签:Dreamweaver 链接 #