HTML5从入门到精通 （第2版）
上QQ阅读APP看书，第一时间看更新
上一章目录下一章

5.5 外部链接

所谓外部链接，指的是跳转到当前网站外部，与其他网站中的页面或其他元素之间的链接关系。这种链接在一般情况下需要书写绝对的链接地址。

制作外部链接的时候，使用URL统一资源定位符来定位WWW信息，这种方式可以简洁、明了、准确地描述信息所在的地点。

最常见的URL格式是“http://”，其他的格式如表5.2所示。

表5.2 绝对地址的设置格式

5.5.1 通过HTTP协议

网页中最常使用HTTP协议进行外部链接的是在设置友情连接时。

语法

        <A href="http://...">链接文字</A>

语法解释

在该语法中，http://表明这是关于HTTP协议的外部链接，而在其后输入网站的网址即可。

【例5.7】实例代码。（实例位置：光盘\TM\sl\5\7）

    <html>
    <head>
    <title>链接到外部网站</title>
    </head>
    <body>
    <a href="http://www.mingribook.com">链接到明日图书网</a>
    </body>
    </html>

运行这段代码，可以实现如图5.14所示的页面效果。

图5.14 设置外部链接的页面

单击“点击进入明日图书网”的文字后，将打开明日图书网的首页面，如图5.15所示。

图5.15 明日图书网首页

5.5.2 通过FTP

Internet上资源丰富，通过FTP就可以足不出户获得各种免费软件和其他文件。FTP即“文件传输协议”，该协议是使计算机与计算机之间能够相互通信的语言，可使文件和文件夹能够在Internet上公开传输。在某些情况下，用户需要从网络计算机管理员处获得许可才能登录并访问计算机上的文件。但是通常用户会发现可以使用FTP访问某个网络或服务器，而不需要拥有该计算机的账户，也不必是授权的密码持有人。这些匿名FTP服务器可包含能够通过FTP公开获得的广泛数据。

语法

        <A href="FTP://">文字链接<A>

语法解释

在该语法中，ftp://表明这是关于FTP协议的外部链接，而在其后则输入网站的网址即可。

实例代码

        <html>
        <head>
        <title>使用FTP服务</title>
        </head>
        <body>
        链接FTP服务器的链接
        <hr size="2">
        <a href="ftp://221.8.65.74">编程词典个人版更新地址</a>
        </body>
        </html>

运行这段代码，可以实现如图5.16所示的页面效果。

图5.16 设置FTP链接的页面

在页面中包含一个文本链接，它所链接的地址就是一个FTP网址，而设置的target参数则决定了在打开的新页面中进行链接。打开的效果如图5.17所示。

图5.17 打开的FTP地址

5.5.3 发送Email

在网络中，很多拥有个人网页的朋友都喜欢在网站的醒目位置写上自己的电子邮件地址，这样网页浏览者一旦用鼠标单击一下由mailto组成的超链接，就能自动打开当前计算机系统中默认的电子邮件客户端软件，例如Outlook Express、Foxmail等。其实这是通过mailto标签来实现的。

语法

        <A href="mailto：电子邮件地址">链接文字</A>

语法解释

在该语法的电子邮件地址后还可以增加一些参数，如表5.3所示。

表5.3 mailto标签的参数

这些参数可以没有，也可以同时设置几个。在带有多个参数时，需要使用&符号对参数进行分隔。

实例代码

        <html>
        <head>
        <title>链接mail服务器</title>
        </head>
        <body>
        链接mail服务器的链接
        <hr size="2">
        <A href="mailto:mingrisoft@mingrisoft.com">明日编程词典注册信息发送</A>
        </body>
        </html>

运行这段代码，效果如图5.18所示。单击“明日编程词典注册信息发送”后，打开了系统默认的电子邮件软件Outlook Express发送邮件，如图5.19所示。

图5.18 电子邮件链接

图5.19 发送电子邮件

5.5.4 下载文件

如果希望制作下载文件的链接，只需在链接地址处输入文件所在的位置即可。当用户单击链接后，浏览器会自动判断文件的类型，以做出不同情况的处理，

语法

        <A href="文件所在地址">链接文字</A>

语法解释

在文件所在地址中设置文件的路径，可以是相对地址，也可以是绝对地址。

【例5.8】实例代码。（实例位置：光盘\TM\sl\5\8）

        <html>
        <head>
        <title>文件下载</title>
        </head>
        <body>
        <h4>最新浏览器下载</h4><br /><br />
        <a href="Opera_11.52.1000_XiaZaiBa.exe">最新的Opera浏览器下载</a>
        </body>
        </html>

运行这段代码，效果如图5.20所示。

图5.20 设置文件下载页面

单击页面中的“最新的Opera浏览器下载”超链接，可以打开如图5.21所示的提示对话框。

图5.21 文件下载的提示对话框

在该对话框中可以单击“保存”按钮，将弹出如图5.22所示的对话框。在对话框中设置相应的存储位置，单击“保存”按钮即可实现文件的保存。

图5.22 “另存为”对话框

上一章目录下一章