html入门:给图片添加链接
2011-04-22 14:03:32   来源:   评论:0 点击:

如何给图片添加一个a标签链接和图像映射? 要给图片添加一个a标签链接需要学习好前面两节知识: 怎么在网页中插入图片? 怎么添加一个链接跳转到其他网页中去?现在来让我们回...
如何给图片添加一个a标签链接和图像映射?

要给图片添加一个a标签链接需要学习好前面两节知识:

  1. 怎么在网页中插入图片?
  2. 怎么添加一个链接跳转到其他网页中去?

现在来让我们回忆一下之前做的练习,“Next.jpg”示例,我们接着从这个示例开始,首先要在网页中适当的地方插入图片:<img src="netx.jpg" />,和我们之前学习的一样。

然后再创建一个超级链接a标签 :<a href="http://www.kmwzjs.com"></a>,其中链接中的文字我们还没想好,所以暂时不填写文本(锚文字)。

我们的学习目的是在图片上加上超级链接,就是将上面两个效果结合起来,你也许已经想到了,没错,应该是像这样做:<a href=http://www.kmwzjs.com><img src="next.jpg" /></a>。

效果:\

是不是很简单呢?这个时候你会发现图片可能会多出条蓝色边框,这是因为图片在添加上了超级链接后默认添加了一个边框以区分没有添加链接的图片,可以给图片增加 border="0"来隐藏该边框。

在图像中还存在一个特殊的链接模式,叫做图像映射,它的作用是可以给同一个图片的不同区域上增加不同的链接,对于大图或者导航式图片有着非常好的应用效果。

相关热词搜索:

上一篇:html入门:图片属性-alt的作用
下一篇:html入门:修改图片的大小和尺寸

分享到: 收藏
鄂ICP备11006399号
Website Design & Power by:hbyxx.net