在 HTML 中增加图片上的链接需要使用 <a>
标签和 <img>
标签。具体方法如下:
<img>
标签,如下所示:<img src="图片地址" alt="图片描述">
其中,src
属性为图片的地址,alt
属性为图片的描述信息。
<a>
标签包裹 <img>
标签,并在 <a>
标签的 href
属性中设置链接地址,如下所示:<a href="链接地址">
<img src="图片地址" alt="图片描述">
</a>
这样,当用户点击图片时,就会跳转至链接地址所指向的页面。
需要注意的是,图片链接的目标页面可以在当前窗口中打开,也可以在新窗口中打开。如果想在当前窗口中打开目标页面,可以在 <a>
标签中添加 target="_self"
属性;如果想在新窗口中打开目标页面,可以在 <a>
标签中添加 target="_blank"
属性。
关键词高亮:<a>
、<img>
、src
、alt
、href
、target