养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

html中如何用CSS给一张图片添加超链接

时间:2024-09-30 11:36:46

在html中插入一张图片,怎么给它添加一个地址,做一个超链接呢?

html中如何用CSS给一张图片添加超链接

工具/原料

DreamweaverCC2018

方法/步骤

1、首先用DW建立一个网页,并插入一个图片。就会自动生成一段img标签的代码。

html中如何用CSS给一张图片添加超链接

2、然后给img代码添加一个<a></a>标签,套在img代码外。

html中如何用CSS给一张图片添加超链接

3、在a标签中输入链接href="#"井号可以输入你想链接的网页地址。

html中如何用CSS给一张图片添加超链接

4、在最后输入target="_blank"。意思是点击图片链接后水貔藻疽,会以新网页打开链接。

html中如何用CSS给一张图片添加超链接

5、target一共可以指令_blank_p瞢铍库祢arent_self_topnew这几项,输入_self是在原本的网页中打开链接。new也是在新网页中打开,根据自己的需要来设置。

html中如何用CSS给一张图片添加超链接

6、输入完成后保存下网页,并按F12打开网页真是预览下效果,发现图片已经可以点击啦。

html中如何用CSS给一张图片添加超链接

7、点击后就可以直接跳转到您链接的网址中啦。

html中如何用CSS给一张图片添加超链接

© 一点知识