网页设计与制作
上QQ阅读APP看本书，新人免费读10天
设备和账号都新为新人
上一章目录下一章

4.4 设置不同的链接对象

在页面中设置超链接的时候，对于不同的链接对象而言，实现的超链接效果不同。

4.4.1 设置外部链接：链接HTTP 页面

在设计网站的时候，有时候需要引用其他站点的内容或网址，这就属于外部链接。通俗一点地说，外部链接就是链接本站点以外的内容。外部链接的一个常用方面就是链接HTTP页面，即链接其他网站的某个页面，最常见的就是设置站点的友情链接。其具体语法格式如下：

      <a href="http://…">链接文字</a>

下面通过一个实例介绍外部HTTP页面的链接方法。

例题4-6：链接百度外部HTTP页面。

      <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/
  TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>链接外部页面</title>
      </head>
      <body>
      <p>百度网是国内的门户网站之一，网站中提供了包括新闻、体育、教育等各个方面的
  信息。</p>
      <p>进入<a href="http://www.baidu.com" target="_blank">百度站点</a></p>
      </body>
      </html>

运行这段代码，单击链接文字“百度站点”，可以打开百度网站的首页，如图4-11所示。

图4-11 进行外部HTTP页面的链接

4.4.2 设置电子邮件、FTP 和Telnet 的链接

超链接还可以进一步扩展网页的功能，比较常用的有发送电子邮件、FTP及Telnet链接。要完成以上的功能，只需要修改超链接的href的值。发送电子邮件的具体语法格式如下：

      <a href="mailto：邮件地址">发送邮件</a>

邮件地址必须完整，如1234567＠qq.com。

前面提到过，浏览网页采用HTTP协议，而FTP服务器采用FTP协议链接。链接的具体语法格式如下：

      <a href="ftp://服务器IP地址或域名">链接的文字</a>

FTP服务器链接和网页链接的区别在于所用协议不同。FTP需要从服务器管理员处获得登录的权限。不过，部分FTP服务器可以匿名访问，从而能获得一些公开的文件。同样，链接Telnet协议的服务器也是采用类似方法，具体语法格式如下：

      <a href="telnet://服务器IP地址或域名">链接的文字</a>

Telnet协议应用非常少，使用HTTP协议居多。

例题4-7：超链接的其他设置。具体代码如下。

      <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>超链接的其他设置</title>
      </head>
      <body>
      <h3>
      <a href="mailto:1234567@qq.com" title="单击这里可以发送电子邮件">发送电子邮件
  </a><br />
      <a href="ftp://101.22.25.11" title="单击这里可以进入FTP服务器">链接FTP服务器
  </a><br />
      <a href="telnet://101.22.25.11" title="单击这里可以进入Telnet服务器">链接Telnet服务器
  </a>
      </h3>
      </body>
      </html>

运行这段代码，把鼠标放在链接处，可以看到如图4-12所示的效果。

图4-12 链接不同的对象

上一章目录下一章