文章教程

B5图像和动画

9/17/2020 9:38:49 PM 人评论 次浏览

B4 超级链接

超级链接是网页中一种特殊的文本,也称为超链接,通过单击超级链接可以方便地转向本地或远程的其他文档。超级链接可分为两种,即本地链接和远程链接。本地链接用于连接本地计算机的文档,而远程链接则用于连接远程计算机的文档。

在超级链接中必须明确指定转向文档的位置和文件名。可以使用 URL(Uniform Resource Locator,统一资源定位器)指定文档的具体位置,它的构成如下:

protocol:// machine.name[:port]/directory/filename

其中,protocol是访问该资源所采用的协议,即访问该资源的方法,它可以是以下内容。

• HTTP:超文本传输协议,该资源是HTML文件。

• File:文件传输协议,用ftp访问该资源。

• FTP:文件传输协议,用ftp访问该资源。

• Gopher:gopher协议,该资源是gopher文件。

• News:表明该资源是网络新闻。

madcine.name是存放该资源主机的IP地址或域名,如www.php.net。port端口号,是服务器在该主机所使用的端口号。一般情况下端口号不需要指定,只有当服务器所使用的端口号不是默认的端口号时才指定。

directory和filename是该资源的路径和文件名。

下面是一个典型的URL:

http://www.php.net/downlaod.php

通常网站都会指定默认的文档,所以直接输入 http://www.php.net 就可以访问到 PHP 网站的首页文档。

下面是一个定义超级链接的例子:

<a href="http://www.php.net">PHP网站</a>

在<a>和</a>之间定义超级链接的显示文本,href属性定义要转向的网址或文档。

在超级链接的定义代码中,除了指定转向文档外,还可以使用 target 属性来设置单击超级链接时打开网页的目标框架。可以选择_blank(新建窗口)、_parent(父框架)、_self(相同框架)、_top(整页)等目标框架。比较常用的目标框架为新建窗口,使用它来定义一个新的超级链接,显示文本为“在新窗口中打开PHP网站”,定义代码如下:

<a target="_blank" href="http://www.php.net">在新窗口中打开PHP网站</a>

如果没有使用target属性,单击超级链接后将在原来的浏览器窗口来浏览新的HTML文档。

在HTML语言中,电子邮件超级链接的定义代码如下:

<a href="mailto:johney2008@sina.com">我的邮箱</a>

超级链接还可以定义在本网页内跳转,从而实现类似目录的功能。比较常见的应用包括在网页底部定义一个超级链接,用于返回网页顶端。首先需要在跳转到的位置定义一个标识,在Dreamweaver中这种定义位置的标识被称为命名锚记(在FrontPage中被称为书签)。

例如,可以在网页的顶部定义命名锚记top,代码如下:

<a name="top" id="top"></a>

在<a>标记中增加了一个name属性,表示这是一个名字为top的命名锚记。

创建命名锚记是为了在HTML文档中创建一些链接,通过这些链接可以方便地转向同一文档中有命名锚记的地方,代码如下:

<A HREF="url#name">转到命名锚记name</A>

HREF 属性的值如果是命名锚记名,必须在命名锚记名前面加一个“#”号。例如,在网页href.html的尾部添加如下代码:

<a href="#top">返回顶部</a>

单击“返回顶部”超级链接将跳转到网页顶部。

教程类别