第四章建立超链接_HTML教程(3)_H5之家 - 中国HTML5教程资源分享第一站

所谓内部链接，指的是在同一个网站内部，不同的html页面之间的链接关系，在建立网站内部链接的时候，要明确哪个是主链接文件（即当前页），哪个是被链接文件。在前面介绍链接路径时，已经给大家介绍了内部链接概念，内部链接一般采用相对路径链接比较好。下面我们根据如图示，来看看相对路径的具体的链接方法:

在站点内部建立链接

当前页面被链接页面超链接代码

2-1.html 3-1.html <a href="3-1.html">超链接元素</a>

3-1.html 1-1.html <a href="asm/1-1.html">超链接元素</a>

sy.html 1-1.html <a href="ssm/asm/1-1.html">超链接元素</a>

2-1.html sy.html <a href="../sy.html">超链接元素</a>

1-1.html sy.html <a href="../../sy.html">超链接元素</a>

sy.html 2-1.html <a href="ssm/2-1.html">超链接元素</a>

4-2-3 外部链接

所谓外部链接，指的是跳转到当前网站外部，与其它网站中页面或其它元素之间的链接关系。这种链接的URL地址一般要用绝对路径，要有完整的URL地址，包括协议名，主机名，文件所在主机上的的位置的路径以及文件名。

最常用的外部链接格式是：<a href="网址">,还有其他的格式如下表所示：

URL外链部接格式

服务 URL格式描述

WWW "地址" 进入万维网站点

Ftp ftp://"" 进入文件传输协议

Telnet telnet://"" 启动Telnet方式

Gopher gopher://"" 访问一个gopher服务器

News news://"" 启动新闻讨论组

Email email://"" 启动邮件

4-2-31 链接其它站点：

站点之间的页面和元素的链接是万维网交流信息的关键，这种链接用HTTP协议来建立网站之间的超链接。

格式：<A HREF=""网址">

实例：4-2-31.html

<HTML>
<HEAD>
<TITLE>链接到</TITLE>
</HEAD>
<BODY>
<CENTER>
<h2>绝对路径链接</h2>
<HR>
<A HREF="" title="打开新浪首页"><img src="../../imgelogo(3).gif/"></A> 
<A HREF="">清华大学</A> 
<A HREF="">北京大学</A> 
<A HREF="" target=_blank>上海外国语学院</A> 
</CENTER>
</BODY>
</HTML>

4-2-32 发送E-mail

在HTML页面中，可以建立E-mail链接。当浏览者单击链接后，系统会启动默认的本地邮件服务系统发送邮件。

基本语法：<a href="mailto:E-mali 地址: subject=邮件主题">描述文字</a>

在实际应用中，用户还可以加入另外的两个参数"?cc="E-mali地址"和"&body=?",这分别表示在发送邮件的同时把邮件抄送给第三者和设定邮件主题内容。

邮件的参数

参数描述

subject 电子邮件主题

cc 抄送收件人

body 主题内容

bcc 暗送收件人

如果希望同时写下多个参数，则参数之间使用"&"分隔符。

实例：4-2-32.html

<html>
<head>
<title>发送邮件</title>
</head>
<body>

<a href="mailto:zhoujr3071@yahoo.com.cn?cc=benbenmao@163.com&Subject=早安&bcc=a@b.c
&Body= 早安,笨笨猫祝你度过一个快乐的早晨！">
向笨笨猫的好友发送邮件(抄送笨笨猫)
</a>

</body>
</html>

单击"向笨笨猫的好友发送邮件(抄送笨笨猫)"后打开了系统的邮件服务软件Outlook Exqress发送邮件。

4-2-33 链接FTP

lnternet上资源丰富，通过ftp文件传输协议，就可以获得各种免费软件和其他文件，ftp协议是使计算机与计算机之间能够相互通信的语言，ftp使文件和文件夹能够在lnternet上公开传输，通过ftp可以访问某个网络或服务器，而不需要该计算机的账户和授权的密码就可通过ftp公开获得数据

语法格式：

实例：4-2-33.html

<html>
<head>
<title>链接ftp主机</title>
</head>
<body>

<a href=ftp://ftp.pku.edu.cn>北京大学ftp站点</a>

</body>
</html>

第四章 建立超链接_HTML教程(3)

第四章建立超链接_HTML教程(3)