6.6　链接实例

下面用链接来设置文字、图片、邮箱等链接，通过实例来加深对链接的印象。在网页中链接作用很大，但有的细节也不可忽视，以下实例是在一张网页中设置各种链接效果，请看下面的步骤。

6.6.1　在网页中做文字链接

在网页中设置文字链接，并设置成在新网页中弹出和链接注释。首先输入文字，然后对部分文字设置链接。

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

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

01 ＜html＞

02 ＜head＞

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

04 ＜/head＞

05 ＜body＞

06 ＜！—设置链接且有title—＞

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

08 title="链接到163网站"＞网易＜/a＞

09 ＜！—设置不同的链接—＞

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

11 title="链接到新浪网站"＞新浪＜/a＞

12 ＜/body＞

13 ＜/html＞

【代码解析】代码第7～10行中在说明文字里面做链接，并设置在新窗口中打开网页且对链接添加了注释，效果如图6.7所示。

6.6　链接实例 - 图1

图　6.7　文字链接