欢迎来到阳新互联网络科技

html入门:给图片添加链接

发布时间:2011-04-22 14:03:32      浏览:
如何给图片添加一个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"来隐藏该边框。

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

Website Design & Power by:hbyxx.net
网络经济主体信息