手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

dreamweaver怎么给图片加链接

时间:2024-10-13 18:26:50

1、首先我们需要打开Dreamweaver,然后新建一个HTML页面。

dreamweaver怎么给图片加链接

2、给这个html文件取个名字,然后保存到一个目录下面,方便一会儿调试。

dreamweaver怎么给图片加链接

3、开始写代码了,新朋友可能对html还不太了解,先写图片标签,也就是img,可以这样写:<img src="图片路径" />

dreamweaver怎么给图片加链接

4、当然也可以直接用菜单栏的“插入”——“图像”,这样还比较快些。

dreamweaver怎么给图片加链接

5、单击菜单栏上面的“属性”选项,在弹出的下拉菜单中勾选“属性”。这时候会发现窗口下面会多出来属性面板。

dreamweaver怎么给图片加链接
dreamweaver怎么给图片加链接

6、我们用鼠标选中图片代码,会发现属性面板中会多出一些图片的属性来。

dreamweaver怎么给图片加链接

7、在属性面板中有一个“链接”属性,这里就是你要链接到的网址了,你可以输入自己想链接的网址,然后单击页面空白处,会发现网址会自动加载图片上面。

dreamweaver怎么给图片加链接

8、保存之后单击预览按钮,选择一个合适的浏览器。

dreamweaver怎么给图片加链接

9、鼠标放在图片上面会变成小手的形状,单击就会跳转到我们写的网址上。

dreamweaver怎么给图片加链接
© 手抄报圈