6.2　图片链接

文本链接是相对文本内容，同理，图像链接是相对图片而言的。对图片设置链接在前面已介绍，也有相关实例，本节将系统地讲解图片链接内容。通过链接单击图片后，链接也可以指向全球任意位置的站点，目标可以是网页，也可以是文件。如果文件不能被浏览器解析成网页和图片等时，可能会用于下载；在网页中，为了表示下载链接的效果，通常用图片来展现下载的图像效果，然后链接文件。当单击链接时，就下载文件，此时将会出现下载选项。

图片链接顾名思义就是对图片设置超级链接。通过上一节的学习，知道了文字链接是在＜a＞＜/a＞标记对里插入文字，同理，图片链接就是在＜a＞＜/a＞链接标记对里放入图片地址。单击图片同样有超链接的效果。语法形式如下。

＜！—下一行代码表示设置图片链接—＞

＜a href=""＞＜img src=""＞＜/a＞

在第4章学了图片的插入，上述代码是在插入的图片中设置超链接，图片默认有边框。代码6.4说明了图片链接。

代码6.4　源代码\第6章\图片链接.html

——————————————-文件名：图片链接.html———————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞图片链接＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—下一行代码表示设置html.jpg链接到163网站—＞

07 ＜a href="http：//www.1633.com"＞＜img src="html.jpg"＞＜/a＞

08 ＜/body＞

09 ＜/html＞

【代码解析】对图片（或图像）链接，即在网页中插入图片的同时，代码第7行在标记＜img＞前输入链接开始标记＜a＞，通过href设置链接地址，在图片标记结束符（＞）后面，输入链接结束标记（＜/a＞），表示用法与文本链接一样，只是图片链接对象是图片，运行后的效果如图6.4所示。

图　6.4　图片链接

技巧　也可以在图片链接中用title属性。在图片标记中用alt，表示对该图片添加注释，不管有没有链接都会出现。