6.6.2　给图片设置超链接

将一张图片插入到代码中设置链接指向网易首页，并用alt说明图片的内容，如代码6.8所示。

代码6.8　源代码\第6章\链接实例手把手.html

—————————————-文件名：链接实例手把手.html—————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞链接实例手把手＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—设置文本链接—＞

07 ＜p＞HTML+CSS完全自学手册—＜a href="http：//www.163.com"target="_blank"title="链接

08 到163网站"＞网易＜/a＞

09 ＜p＞HTML+CSS完全自学手册—＜a href="http：//www.sina.com.cn"target="_blank"title="

10 链接到新浪网站"＞新浪＜/a＞

11 ＜p＞下面的图片是一座桥，点图片可链接到网易首页。

12 ＜！—设置图片链接，并设置图片的alt参数—＞

13 ＜p＞＜a href="http：//www.163.com"＞＜img src="html.jpg"alt="链接到网易的图片"＞＜/a＞

14

15 ＜/body＞

16 ＜/html＞

【代码解析】代码第13行加入一行文字和一张图片的链接，在图片链接中用alt说明图片会链接到www.163.com，浏览效果如图6.8所示。

注意　与文字链接一样，图片链接也有_blank、_self等对target的操作功能。若想去掉图片的边框，用＜img border=0＞表示边框为0。

6.6.2　给图片设置超链接 - 图1

图　6.8　图片链接